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引入:
<script type="text/javascript" src="./static/config.js"></script>
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.在打包之后的文件中:
去修改服务器接口地址
重新发布,大功告成