配置React 代理服务器报错问题 发现是版本太高

67 阅读1分钟

跟随B站老师练习配置代理服务器的时候发现运行不了 1.使用 npm start 启动项目的时候报错

2fb9fd00aa7d883a05078270b179349.png

提示需要使用createProxyMiddleware 的选项

2.查看package.json 发现React 版本为18

图片.png

3.所以在src目录下的setupProxy.js 文件更改配置

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

module.exports = function(app){

    app.use(

        createProxyMiddleware('/api1',{ //遇见api前缀的请求,就会出发该代理配置

            target:'http://localhost:5000', //请求转发给谁

            changeOrigin:true, //控制服务器收到的响应头中host字段的值

            pathRewrite:{'^/api1':''}

        }),

    )

}`

4.重新 npm start 就可以正确启动项目 以及代理服务正确启用