最新版create-react-app,配置环境变量,设置代理 -(2019-08)

环境变量:
在根目录直接新建文件:
.env.production
就是生产环境的变量
当然 .env.development .env.test就是开发和测试环境了

变量规则:
必须是 REACT_APP_ 开头的

REACT_APP_ROOT='/api'

读取不变还是:

let root = process.env.REACT_APP_ROOT

设置代理

在src 根目录新建:setupProxy.js
配置还是一样的

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

module.exports = function (app) {
  app.use(proxy('/api', {
    target: 'http://192.168.152.55:6666',
    changeOrigin: true,
    pathRewrite: {
      "^/api": ""
    }
  }))
}

react会自动加载这个文件

你可能感兴趣的:(react)