webpack构建react项目配置代理_const { createproxymiddleware } = require("http-pr

作者：weixin_40725706 | 2024-06-02 11:18:49

踩

const { createproxymiddleware } = require("http-proxy-middleware");

1, 下载安装代理模块
npm install http-proxy-middleware --save

2, 在src目录中新建setupProxy.js文件，在文件中放入如下代码(注意是src目录,不是根目录)：

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

module.exports = function (app) {
app.use(createProxyMiddleware('/api',
{
target: 'http://127.0.0.1:3000',
changeOrigin: true,
pathRewrite: {
"^/api": ""
}
})
)
}

附加:
设置项目端口号: node_modules/react-scripts/scripts/start.js
也可以通过指令 npm run eject 把服务器配置暴漏出来, 修改scripts/start.js (这个指令不可逆)

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/weixin_40725706/article/detail/662497