create-react-app自定义设置

当我们用create-react-app生成了react项目后，想要更改项目的端口号之类的，在网上查，有的会告诉你去修改node_modules里面的东西。我个人认为是去改node模块里的东西，是非常不合适的。

在设置端口号和请求代理，有推荐在package.json里改。

例如下面这样修改：

"scripts": {
    "start": "set PORT=3090 && react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  },
 "proxy": {
    "/api": {
      "target": "http://localhost:8080",
      "changeOrigin": true
    }
  }

这样设置后，起react项目的端口号就改成了3090， 发起"/api"请求时，就会去请求localhost:8080服务

 

自定义端口，还可以设置在 项目根目录的.env文件中

.env

// 设置环境变量PORT
PORT=3090

// 如果有需要，可以用同样的方法来设置其他的环境变量，例如 NODE_ENVNODE_ENV

参考：https://www.cnblogs.com/xiaohuochai/p/8491055.html