React-反向代理配置

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/weixin_45430248/article/details/102730253

React 反向代理

第一步

在项目src目录创建 setupProxy.js 文件

是src目录 不要搞错了

第二步

下载 http-proxy-middleware

$ npm i http-proxy-middleware -S

$ yarn add http-proxy-middleware -S

第三步

在setupProxy.js 文件中配置如下代码

/* 这个文件就是反向代理的配置文件 */

const proxy = require('http-proxy-middleware')

module.exports = function ( app ) {
  // app.use( proxy(标识符,配置))
  app.use(proxy('/ajax',{
    target: 'http://m.maoyan.com',
    changeOrigin: true 
  }))
  app.use(proxy('/index.php',{
    target: 'http://www.qinqin.net',
    changeOrigin: true 
  }))
}