前端開發(fā)時(shí)候會遇到跨域的問題照捡。
app.listen(3000,()=>{
console.log('http://localhost:3000')
})
比如向3000端口發(fā)請求，換成是8080端口代理轉(zhuǎn)發(fā)請求拿數(shù)據(jù)击狮。
創(chuàng)建一個(gè)vue.config.js文件然后寫入配置
module.exports = {
devServer:{
proxy:{
'/api':{ //請求api這個(gè)地址時(shí)候
target:"http://localhost:3000", //實(shí)際是地址是target
pathRewrite:{ //重寫api佛析，/api換成空字符串
'^/api':""
}
}
}
}
}
開發(fā)環(huán)境的dev從3000端口換成/api/
export default {
title:"lcelm",
baseUrl:{
dev:"/api/",//開發(fā)的時(shí)候后臺接口的地址
pro:""http://上線產(chǎn)品發(fā)布之后，后臺接口的地址
},
imgBaseUrl: ''
}
代理地址
