1.在public 中 配置config.js文件 exports.baseURL = "http://localhost:7777/bigscreen"
2.在src的config文件中 进行引入
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')