特点:
1.开发环境中
2.脚手架服务期实现代理
3.webpack devServer
4.浏览器发请求先请求正向代理服务器,由正向代理服务器发请求给目标服务器
5.服务器端不知道请求到底由谁来发出
代码解释:
/api :相当于约定的暗号。在地址后面加上/api,表示要走代理。
http://localhost:8080/api/xx
target:目标地址
changeOrigin:允许跨域
pathRewrite:重写路由。’^/api’: ‘’ 表示请求服务器时,去掉/api
http://localhost:8080/xx
module.exports = {
devServer: {
proxy: {
'/api': {
target: 'http://localhost:3000',
ws: true,
changeOrigin: true,
pathRewrite: {
'^/api': ''
},
}
}
},
}