react setupProxy.js导致项目无法启动
如果是因为添加了setupProxy.js导致项目无法启动,检查此文件中的如下内容:低版本 http-proxy-middleware// 此时的低版本可以直接使用中间件的导出值使用,但高版本会因此打不开项目const proxy = require("http-proxy-middleware");module.exports = function (app) {proxy('/api',{ /
·
如果是因为添加了setupProxy.js导致项目无法启动,检查此文件中的如下内容:
低版本 http-proxy-middleware
const proxy = require('http-proxy-middleware')//引入http-proxy-middleware,react脚手架已经安装
module.exports = function(app){
app.use(
proxy('/api',{ //遇见/api1前缀的请求,就会触发该代理配置
target:'http://localhost:5000', //请求转发给谁
changeOrigin:true,//控制服务器收到的请求头中Host的值
pathRewrite:{'^/api':''} //重写请求路径,下面有示例解释
}),
proxy('/api2',{
target:'http://localhost:5001',
changeOrigin:true,
pathRewrite:{'^/api2':''}
}),
)
}
高版本 http-proxy-middleware
const proxy = require('http-proxy-middleware')//引入http-proxy-middleware,react脚手架已经安装
module.exports = function(app){
app.use(
proxy.createProxyMiddleware('/api',{ //遇见/api1前缀的请求,就会触发该代理配置
target:'http://localhost:5000', //请求转发给谁
changeOrigin:true,//控制服务器收到的请求头中Host的值
pathRewrite:{'^/api':''} //重写请求路径,下面有示例解释
}),
proxy.createProxyMiddleware('/api2',{
target:'http://localhost:5001',
changeOrigin:true,
pathRewrite:{'^/api2':''}
}),
)
}
版本如果是2以上就算是高版本,尤其是最新的项目
更多推荐
所有评论(0)