如果你使用vue或者react開發(fā)，就得使用axios吧，然后為了解決跨域問題，就得使用vite配置吧，那怎么協(xié)調(diào)配置它們兩個(gè)才能正常工作呢？
正常的流程：配置axios的baseURL，然后配置vite的proxy
第一種方式：路徑不用重寫
配置axios的baseURL：
//1、利用axios對(duì)象的方法create,去創(chuàng)建一個(gè)axios實(shí)例
const requests = axios.create({
//配置對(duì)象
//基礎(chǔ)路徑，requests發(fā)出的請(qǐng)求在端口號(hào)后面會(huì)跟改baseURl
baseURL: `${window.location.origin}`,
//代表請(qǐng)求超時(shí)的時(shí)間5s
timeout: 5000,
})然后再配置vite的proxy：在vite.config.js中配置
server: {
host: '0.0.0.0',
proxy: {
'/team': {
target: 'http://dev*******.com:8087',
ws: false,
changeOrigin: true,
},
'/game': {
target: 'http://dev*********com:8087',
ws: false,
changeOrigin: true,
},
},
},如果你想將路徑重寫也是可以的，加上：?
rewrite: (path) => path.replace(/^\/api/, ''),第二種方式：路徑重寫
需要配置axios的baseURL為：
然后將hado的路徑重寫：
文章來源：http://www.zghlxwxcb.cn/news/detail-761966.html
以上兩種方式都是可以的：
文章來源地址http://www.zghlxwxcb.cn/news/detail-761966.html
到了這里，關(guān)于axios和vite在本地開發(fā)環(huán)境配置代理的兩種方式，五分鐘學(xué)會(huì)的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
