reactjs - 为 facebook/create-react-app 生产构建手动设置 PORT 和 HOST

Question

我使用 facebook/create-react-app 创建了一个反应应用程序，并成功地在http://localhost:5000上运行了生产构建。

我的问题是有什么办法可以改变这个生产版本中的 5000 PORT 吗？

根据 Advanced Configurations，生产中无法更改 HOST 和 PORT，仅可用于开发

https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#advanced-configuration。

这是我的 package.json

"scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "deploy": "serve -s build"
  }

这是我的 .env

##
HOST=127.0.0.1
PORT=8008
## PUBLIC_URL=http://myexamplesite.lk/
##

REACT_APP_ROOT_BASE_URL=https://myexamplesite.lk/api/
REACT_APP_ROOT_BASE_URL_META=http://myexamplesite.lk/

Answer 1

从反应文档：

“可以使用 -p 或 --port 标志调整端口。”

serve -p 7000 -s build

Answer 2

create-react-app列出了运行时可以使用的所有 .env 文件npm run build 要在本地生产构建中更改 PORT，您可以创建一个文件名.env.production.local并设置所需的 PORT：

##
HOST=127.0.0.1
PORT=5000
## PUBLIC_URL=http://myexamplesite.lk/
##

REACT_APP_ROOT_BASE_URL=https://myexamplesite.lk/api/
REACT_APP_ROOT_BASE_URL_META=http://myexamplesite.lk/