create-react-app 工程，如何修改react端口号？

  • Z时代
  • 2024-01-10
  • 分类：综合

react

概要：

3000端口是webpack配置里面写的，可以通过传递一个PORT全局变量，来修改这个端口。当然，您还可以在node_modules/react-scripts/目录下面，批量搜索替换3000字样，这个操作比较暴力。

最优方案：先安装cross-env插件，然后通过修改package.json中的命令行，传递进来新的PORT环境变量。本方案最完美，其余方案都是补充的逗逼方案。

全局安装cross-env：

npm install cross-env -g

修改package.json:

"scripts": {
    "start": "cross-env PORT=5000 react-scripts start",
    //...
}

方案二、

　　window环境下：

set PORT=5000 && react-scripts start

　　mac环境下：

PORT=5000 react-scripts start

以上是 create-react-app 工程，如何修改react端口号？ 的全部内容， 来源链接： utcz.com/z/381985.html

回到顶部