Vue2打包后文件的接口地址动态配置

步骤一
在public文件下新建一个config.js配置全局变量

window.baseurl = "http://192.168.1.45:9999" 

Vue2打包后文件的接口地址动态配置_第1张图片

步骤二
在public文件下的index.html中引入config.js

<script src="config.js?v=<%=new Date().getTime()%>"></script>

Vue2打包后文件的接口地址动态配置_第2张图片

步骤三
在api中使用全局变量baseURl
Vue2打包后文件的接口地址动态配置_第3张图片

步骤四
在vue.config.js中配置打包后路径
Vue2打包后文件的接口地址动态配置_第4张图片

结尾
以上配置结束后,npm run build生成的dist文件中的config.js便可外部动态修改baseUrl了
Vue2打包后文件的接口地址动态配置_第5张图片

你可能感兴趣的:(vue.js,javascript,前端)