React 配置文件 | 配置本地IP地址和端口号

问题

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"
  }
posted @   槑孒  阅读(1314)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
点击右上角即可分享
微信分享提示