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版本的用法。暫且如此。