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引入:

<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.在打包之后的文件中:

去修改服务器接口地址

重新发布,大功告成

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。