1. 在vite.config中添加配置
server: {
host: "0.0.0.0",
cors: true,
port: 8991,
open: false, //自動(dòng)打開(kāi)
proxy: {
// 這里的ccc可亂寫(xiě), 是拼接在url后面的地址 如果接口中沒(méi)有統(tǒng)一的后綴可自定義
// 如果有統(tǒng)一后綴, 如api, 直接寫(xiě)api即可, 也不用rewrite了
"^/ccc": {
target: "http://116.62.200.158", // 真實(shí)接口地址, 后端給的基地址
changeOrigin: true, // 允許跨域
rewrite: (path) => path.replace(/^\/ccc/, ""), // 將ccc替換為空
},
},
},2. 在.env.development中配置開(kāi)發(fā)環(huán)境下的基地址(沒(méi)有該文件夾手動(dòng)新建)
VITE_BASEURL='/ccc'3. 配置axios的基地址
const instancs = axios.create({
baseURL: import.meta.env.VITE_BASEURL,
});最后:
? ? ? ? 我之前是犯過(guò)一個(gè)錯(cuò)誤的, 導(dǎo)致我搞了半天都沒(méi)搞好... 就是配置完vite.config, 那個(gè)/ccc后綴是接口沒(méi)有的自己加的, 那么就要手動(dòng)加上去了...?文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-505889.html
? ? ? ? 這是我們公司后端的問(wèn)題, 大部分后端都會(huì)有統(tǒng)一的后綴的, 比如api, 但是我這后端沒(méi)按照這樣的規(guī)范來(lái), 然后自己也比較菜... 如果這樣配置到時(shí)候生產(chǎn)就不能這樣寫(xiě)了, 目前我這樣配置在開(kāi)發(fā)環(huán)境下能正常跑文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-505889.html
到了這里，關(guān)于vue3 vite配置跨域以及不生效問(wèn)題的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
