vue3.0项目打包后修改访问后端地址

1.public承载vue打包之后的静态资源，所以public下面的文件打包之后是依然存在的。在public文件下面新建一个config.js文件用来配置打包之后的服务器地址

window.global_config = {   

 // BASE_URL: 'http://lhp.com:1102/'   

 BASE_URL: 'http://192.168.2.40:1122/'

}

2.在index.html的最下main引入：

3.在main.js中通过window.global_config.BASE_URL获取到UTL地址暴露到全局：

Vue.prototype.BASE_URL = window.global_config.BASE_URL;

4.在.vue文件中直接this.BASE_URL 来使用

在.js文件中   ：

import Vue from 'vue'

通过     Vue.prototype.BASE_URL    调用

5.在打包之后的文件中：

去修改服务器接口地址

重新发布，大功告成