create-react-app创建的项目后开发环境修改端口号

90 阅读1分钟

通过脚手架创建一个项目之后,npm run start 默认端口是3000

npx create-react-app my-app

那么如果想要修改这个端口号(如8080),有哪些方式?

方式1:设置port值如

set PORT=8080

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

方式2:设置.env文件

.env文件内容

PORT=8080

方式3:使用eject命令将配置文件从脚手架中弹出

得到配置文件

npm run eject

在启动文件中修改端口号

const DEFAULT_PORT = parseInt(process.env.PORT, 10) || 8080;