react项目更改访问的端口号

1、配置地址

从这个文件找到配置地址 https://bit.ly/CRA-PWA

最终地址：
端口号：
https://create-react-app.dev/docs/advanced-configuration/
配置方式：
https://create-react-app.dev/docs/adding-custom-environment-variables/#adding-development-environment-variables-in-env

2、开始配置

本地环境：window系统

1.在项目根目录（不是入口目录）添加一个.env的文件

文件内容就写：

PORT=8081   

如果暂时运行不成功，就关掉项目自己给的默认值，scripts/start.js文件内搜索关键词：DEFAULT_PORT

删除默认值

现在我们来看看效果

更改端口号再看效果

PORT=8082

在访问前打印端口号，也能看到自己设置的值

2、使用window cmd.exe直接打开

set PORT=8083 && npm run start

3、使用powershell打开

wind + R后，输入 powershell 即打开powershell命令行窗口。

据说powershell也能适用dos窗口的命令，瞎打一通试试

那就上正确的命令吧！

($env:PORT=8086) -and (npm run start)

如图所示，不需要加REACT_APP的前缀，命令都用括号包起来，用-and连接需要执行的命令

因为项目还没上线，所以暂时没有linux版本的用法。暂且如此。