vue配置文件不打包

发布网友发布时间：2022-10-08 20:42

共1个回答

热心网友时间：2023-12-10 00:29

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

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中的文件属于静态资源

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。E-MAIL:11247931@qq.com