vue配置文件不打包

Posted 2023-04-17

参考技术A 开发过程中经常需要修改后端接口地址，如果将接口地址放进打包文件中，不便于随时修改后端接口地址

var ApiUrl ;
if(location.hostname==='localhost') //本地环境
ApiUrl = 'http://127.0.0.11:8080'
else if(location.host==='39.100.134.99') //线上环境
ApiUrl = 'http://39.100.134.99:8080'


export
ApiUrl


import ApiUrl from '../static/js/config'
Vue.prototype.baseUrl = ApiUrl;

this.$http.get(this.baseUrl+'/api/v1/apiname').then((res)=>
).catch((err)=>
)

dist文件为打包的文件，static/js/config.js为接口的配置文件

注：此方法的原理是vue不会将static中的文件进行打包，static中的文件属于静态资源

vue-i18n语言文字不被打包

参考技术A 因为public目录下的资源不会被打包，这样就可以直接修改语言配置文件了
关键原理：语言文字的配置文件通过js预先加载到页面，同时将对应的语言配置作为一个全局变量，从而被i18n引用到。