1.在public 中 配置config.js文件?exports.baseURL?=?"http://localhost:7777/bigscreen"
2.在src的config文件中 進(jìn)行引入?
export?const?url?=??process.env.NODE_ENV?===?'production'???config.baseURL:process.env.VUE_APP_API_BASE_URL;
從main.js中讀取public中的json文件
function?getServerConfig?()?{
??return?new?Promise?((resolve,?reject)?=>?{
????axios.get('./config.json').then(data?=>?{
??????console.log("讀取外部化配置文件>>>>>>>>")
??????let?urlObj?=?data.data;
??????for?(let?key?in?urlObj)?{
????????Vue.prototype.url?=?urlObj[key];
????????//?url?=?urlObj[key];
??????}
??????resolve();
????}).catch(error?=>?{
??????console.log(error);
??????reject()
????})
??})
}
async?function?init()?{
??await?getServerConfig();
}
new?Vue({
??router,
??render:?h?=>?h(App),
??created()?{
????init();
??},
}).$mount('#app')