React配置代理

2019-06-09  本文已影响0人  燕自浩

配置单项代理

//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

    })

  )

}

上一篇 下一篇

猜你喜欢

热点阅读