REACT-http-proxy-middleware反向代理解决跨域问题

最新推荐文章于 2024-08-09 07:19:42 发布

历目

最新推荐文章于 2024-08-09 07:19:42 发布

阅读量203

点赞数 1

分类专栏： REACT 文章标签： react.js 前端 javascript

本文链接：https://blog.csdn.net/limuzhixing/article/details/128945455

版权

REACT 专栏收录该内容

35 篇文章 0 订阅

订阅专栏

文章介绍了如何在React项目中使用`http-proxy-middleware`包来设置API代理，通过在`src`文件夹下创建`setupProxy.js`文件，将`/api`路径的请求代理到`https://i.maoyan.com`，以解决开发阶段跨域问题。此外，文中提到可以配置多个代理以适应不同API源。

摘要由CSDN通过智能技术生成

1. 安装

npm i http-proxy-middleware

2. src文件夹下新建setupProxy.js

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

module.exports = function(app) {
  app.use(
    '/api',
    createProxyMiddleware({
      target: 'https://i.maoyan.com',
      changeOrigin: true,
    })
  );
  //可配置多个代理
  // app.use(
  //   '/ajax',
  //   createProxyMiddleware({
  //     target: 'https://baa.com',
  //     changeOrigin: true,
  //   })
  // );
};