为facebook / create-react-app生产版本手动设置PORT和HOST

时间:2018-08-17 05:36:59

标签: reactjs create-react-app react-scripts

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

我的问题是,在此生产版本中有什么方法可以更改5000 PORT吗?

根据高级配置,无法在生产中更改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/

2 个答案:

答案 0 :(得分:1)

来自react docs:

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

serve -p 7000 -s build

答案 1 :(得分:1)

create-react-app列出了运行@model Admin @{ ViewData["Title"] = "SendReport"; } <h1>View</h1> <div> @Html.DropDownListFor(Model => Model.id, new SelectList((IEnumerable<SelectListItem>)ViewBag.listAdmin, "Value", "Text", Model.id), "Selecte", new { @class = "form-control", required = "required" }) </div> 时可以使用的所有.env文件。 要在本地生产版本中更改PORT,可以创建文件名npm run build并设置所需的PORT:

.env.production.local