关于React配置代理setupProxy后项目启动报无法访问此网址

最新推荐文章于 2025-01-03 10:20:51 发布

原创最新推荐文章于 2025-01-03 10:20:51 发布 · 519 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#react.js #前端 #前端框架

重启运行报无法访问此网站

原因是安装的脚手架版本的问题，改成

const {createProxyMiddleware} = require('http-proxy-middleware')

module.exports = function(app){
	app.use(
		createProxyMiddleware('/api1',{ //遇见/api1前缀的请求，就会触发该代理配置
			target:'http://localhost:5000', //请求转发给谁
			changeOrigin:true,//控制服务器收到的请求头中Host的值
			pathRewrite:{'^/api1':''} //重写请求路径(必须)
		}),
		createProxyMiddleware('/api2',{
			target:'http://localhost:5001',
			changeOrigin:true,
			pathRewrite:{'^/api2':''}
		}),
	)
}

重新运行就可以了