React 配置文件 | 配置本地IP地址和端口号-526互联

问题

create-react-app默认端口号是3000，当有的别的项目占用该端口号时
自己想使用别的端口号时

方法

1、更改node_modules

a. 依次打开“node_modules”—“react-scripts”—“scripts”文件夹，找到并打开start.js文件；
b. 在start.js文件中查找并修改“DEFAULT_PORT”项的端口值即可。

2、更改package.json运行命令

我们每次创建项目都会有一个package.json文件，这个文件是记录我们项目安装包的文件

 "scripts": {
   "start": "react-scripts start",
   "build": "react-scripts build",
   "test": "react-scripts test",
   "eject": "react-scripts eject"
 }

找到这段调试代码
修改start 给他加上一个PORT值如下图所示

  "scripts": {
    "start": "set PORT=8080 && react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  }