在src目录下创建
setupProxy.js
文件,该文件名是固定的,且这个文件是配置给webpack用的,需要用到commonJs语法。编写
setupProxy.js
配置具体代理规则:
// 这个库是用脚手架创建项目时内置的
const proxy = require('http-proxy-middleware')
module.exports = function(app) {
app.use(
// 旧版本用法
// proxy('/api1', {
// target: 'http://localhost:5000',
// changeOrigin: true,
// pathRewrite: {
// '^/api1': ''
// }
// }),
// 新版本用法(需要这样用,否则会出现无法访问网页的问题)
proxy.createProxyMiddleware('/api1', {
target: 'http://localhost:5000',
changeOrigin: true,
pathRewrite: {
'^/api1': ''
}
}),
proxy.createProxyMiddleware('/api2', {
target: 'http://localhost:5001',
changeOrigin: true,
pathRewrite: {
'^/api2': ''
}
})
)
}