最近在学习React,在配置代理的时候遇到的bug,记录一下
像这样配置了代理,重启服务打开页面显示无法访问。
const proxy = require('http-proxy-middleware');
module.exports = function (app) {
app.use(
proxy ('/api', {
target: 'http://localhost:5000',
changeOrigin: true,
pathRewrite: { '^/api': '' }
})
)
}
搜索了一下是版本的原因,新版要这样写
const { createProxyMiddleware } = require('http-proxy-middleware');
module.exports = function (app) {
app.use(
createProxyMiddleware('/api', {
target: 'http://localhost:5000',
changeOrigin: true,
pathRewrite: { '^/api': '' }
})
)
}