由于項(xiàng)目需要在多個(gè)服務(wù)器部署碧查，每次修改請(qǐng)求地址之后再打包又會(huì)很麻煩侦厚，所以需要配置一個(gè)打包之后的請(qǐng)求地址饵逐，經(jīng)多次查找并嘗試盯质，終于解決
1.第一步
在public文件夾下新建一個(gè)config.js文件,并添加如下內(nèi)容
window.PLATFROM_CONFIG = {
baseURL: "打包之后請(qǐng)求的地址"
}
2.第二步
在index.html文件中引入
3.第三步
在封裝的網(wǎng)絡(luò)請(qǐng)求文件中設(shè)置默認(rèn)請(qǐng)求地址
axios.defaults.baseURL = window.PLATFROM_CONFIG.baseURL
打包后的文件結(jié)構(gòu)如下袁串，正式環(huán)境中直接修改此配置即可
總結(jié)：網(wǎng)上的解決方案大概有三種。
第一種：通過(guò)配置copy-webpack-plugin來(lái)讓webpack忽略打包
第二種：利用webpack在打包時(shí)不會(huì)打包static文件夾呼巷，在文件夾中新增配置文件達(dá)到效果
第三種：本地請(qǐng)求json文件囱修，在main.js中將其放到vue的原型實(shí)現(xiàn)
綜合二三，解決了此問(wèn)題
另：如果使用ts進(jìn)行開(kāi)發(fā)這種寫(xiě)法會(huì)報(bào)錯(cuò)王悍，解決方案見(jiàn)我的另一篇文章vue3踩坑記錄問(wèn)題3
