react 使用 http-proxy-middleware 配置反向代理

最新推荐文章于 2025-07-11 19:55:09 发布

行进中的蜗牛

最新推荐文章于 2025-07-11 19:55:09 发布

阅读量1.1k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： react 反向代理文章标签： react.js http javascript

本文链接：https://blog.youkuaiyun.com/qq_41932589/article/details/122929420

react 同时被 2 个专栏收录

3 篇文章

订阅专栏

反向代理

1 篇文章

订阅专栏

本文介绍了如何在React项目中使用http-proxy-middleware库设置反向代理，以解决跨域问题。首先，你需要通过npm安装http-proxy-middleware。然后，在src目录下创建一个setupProxy.js文件，并引入createProxyMiddleware。在文件中，设置'/api'路径的所有请求代理到'http://127.0.0.1:8080'，并启用changeOrigin选项以允许跨域请求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

react 使用 http-proxy-middleware 配置反向代理

安装 http-proxy-middleware

npm install --save-dev http-proxy-middleware

在src目录下新建 setupProxy.js 文件将以下代码 cv 进去就可以了

const { createProxyMiddleware } = require('http-proxy-middleware');
module.exports = function(app) {
    app.use(
        '/api',
        createProxyMiddleware({
            target: 'http://127.0.0.1:8080',
            changeOrigin: true
        })
    );
};