vue 打包之后生成一个配置文件修改接口域名

YYY1920

于 2019-12-05 12:04:16 发布

阅读量769

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/YYY1920/article/details/103402276

本文介绍如何在前端项目中创建并使用全局配置变量，包括新建配置文件、引入到HTML以及在项目中调用的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一步：在 static 静态文件中新建一个 config.js 文件，js 代码如下：

window.global_config = {
	BASE_URL: "http://192.168.0.137:90"
};

第二步：在 index.html 中引入 static 文件夹下的 config.js 文件

<script src="./static/config/index.js"></script>

第三步：在需要的地方使用：

// 在需要用到的地方直接用 window.global_config.BASE_URL
let url = window.global_config.BASE_URL + '/api/…