全局变量,打包vue项目后 修改变量(例如:api后端接口路径 或者 其他变量)

在static下面创建一个js文件(随便一个js文件),我这里是baseUrl.js

添加下面路径到全局变量window.g:

window.g = {

casUrl: 'http://192.168.xxx.xxx:8080',

datamanagerUrl: 'http://10.91.xxx.xxx:8088'

}

全局变量,打包vue项目后 修改变量(例如:api后端接口路径 或者 其他变量)_第1张图片

把baseUrl.js引入index.html中,

全局变量,打包vue项目后 修改变量(例如:api后端接口路径 或者 其他变量)_第2张图片

在api文件中就可以使用这个全局变量了

全局变量,打包vue项目后 修改变量(例如:api后端接口路径 或者 其他变量)_第3张图片

注意:在.vue文件里面使用变量参数的时候要在data里面声明window

全局变量,打包vue项目后 修改变量(例如:api后端接口路径 或者 其他变量)_第4张图片

使用变量:

全局变量,打包vue项目后 修改变量(例如:api后端接口路径 或者 其他变量)_第5张图片

以上方法测试成功,run build打包项目后可以让后端人员或者实施人员修改变量,满足其他需求。

 

参考博文:https://blog.csdn.net/qq_41409679/article/details/84878642

你可能感兴趣的:(学习贴)