react项目启动,页面显示“无法访问网站”,原因之一是代理脚本(setupProxy.js)的语法与版本对应不上。
解决方法如下:
旧版本写法
在src下新建setupProxy.js;复制以下代码
const proxy = require("http-proxy-middleware")
module.exprots = function (app) {
app.use(
proxy('/api1', {
target: 'http://localhost:5000',
changeOrigin: true, // 控制服务器收到的请求头host字段的值
pathRewrite: { '^/api1': '' } // 路径重写
})
)
}
新版本写法
在src下新建setupProxy.js;复制以下代码
const { createProxyMiddleware } = require('http-proxy-middleware')
module.exports = function (app) {
app.use('/api', createProxyMiddleware({
target: 'http://localhost:3000',
changeOrigin: true,
pathRewrite: {
"^/api": "/api"
}
}))
}