之前的代碼，是在這里加的
截屏2023-03-12 下午7.21.09.png
但是白屏
因?yàn)関ue是運(yùn)行在8080端口捅厂，服務(wù)器端在8888端口，就猜想會(huì)不會(huì)是跨域
用了以下方法
解決Vue跨域訪問(wèn)后端API問(wèn)題
例子：
// vue.config.js
module.exports = {
devServer: {
proxy: {
// 當(dāng)你vue請(qǐng)求路徑中包含/api资柔，那么vue會(huì)自動(dòng)幫你代理請(qǐng)求到你的后端地址
// 比如我vue請(qǐng)求的是 '/api/user/getUser'焙贷，那么會(huì)幫我代理請(qǐng)求到后端地址
'/api': {
// 后端地址
target: "http://localhost:8081",
/**
官方文檔的意思：將主機(jī)頭的來(lái)源更改為目標(biāo) URL
簡(jiǎn)單理解就是需不需要代理
**/
changeOrigin: true,
/**
重寫(xiě)目標(biāo)地址，比如我vue請(qǐng)求的是/api/user/getUser
經(jīng)歷過(guò)重寫(xiě)之后贿堰，我們請(qǐng)求的地址是http://localhost:8081/user/getUser
這里用的是正則表達(dá)式辙芍，^符號(hào)是用來(lái)限制開(kāi)頭
意思就是匹配vue請(qǐng)求的開(kāi)頭是否為/api，是的話就進(jìn)行重寫(xiě)替換
**/
pathRewrite: {
["^/api"]: ""
}
}
}
}
}
在本項(xiàng)目中修改為：
proxyTable: {
'/': {
target: 'http://localhost:8888/xxx_admin/',
changeOrigin: true,
pathRewrite: {
'^/': ''
}
}
},
截屏2023-03-12 下午7.21.09.png
成功
