vue項(xiàng)目開發(fā)中，經(jīng)常會遇到跨域問題东涡，即以下這種情況
image.png
瀏覽器同源策略導(dǎo)致了跨域的問題冯吓，即協(xié)議，域名疮跑，端口不一致
服務(wù)器和服務(wù)器之間不存在跨域的問題桑谍，根據(jù)這個(gè)原理，可以使用webpack本地服務(wù)器訪問遠(yuǎn)程服務(wù)器祸挪，解決跨域問題
首先打開webpack的配置文件webpack.config.js锣披，找到devServer節(jié)點(diǎn)，添加proxy屬性即可贿条。
完成之后是這樣的
dev: {
// Paths
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: { //本地代理跨域
'/api': {
target:'http://192.168.1.36:8022/',//遠(yuǎn)程請求域名
//secure: false, // 如果是https接口雹仿，需要配置這個(gè)參數(shù)
changeOrigin:true,//如果是跨域訪問，需要配置這個(gè)參數(shù)
pathRewrite:{
'^/api': '/api'
}
}
},
所有url為/api開頭的都會被代理成http://localhost:8082/api/...
修改完之后的提醒
一定要重啟
一定要重啟
一定要重啟
