如webpack项目中存在跨域问题,开发时解决方案如下:
可查看webpack文档
http-proxy-middleware是用于服务器代理请求,例如本地开发http://localhost:9090的服务器A需要请求端口号为8080的B服务器,可通过设置proxy的target属性请求目标服务器B
第一步:安装http-proxy-middleware
npm i http-proxy-middleware -D
第二步:配置proxy
const proxy = require('http-proxy-middleware')
//……
module.exports = {
//...
devServer: {
proxy: {
'/api': {
target: 'http://localhost:8080',//需代理的请求目标
changeOrigin: true,//允许跨域
pathRewrite:{ //正则匹配请求接口
'^/api': '/'
}
}
}
}
};