React配置代理

配置单项代理

//package.json加入

"proxy": "http://open.douyucdn.cn",

proxy代理 匹配  多个  的url

第一步:

安装 http-proxy-middleware 依赖

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

第二步:

在项目中 src 文件夹下新建文件 setupProxy.js ,写入如下代码

创建好这个文件之后,会自动的引用它,不需要额外的配置。不过代理想要生效,必须重新运行项目。

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

module.exports = function(app) {

  app.use(

    proxy('/back', {

      target: 'http://172.20.1.148:8082',

      changeOrigin: true

    })

  )

  app.use(

    proxy('/common', {

      target: 'http://172.20.1.148:8082',

      changeOrigin: true

    })

  )

}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容