react 修改运行端口号

最新推荐文章于 2024-05-11 09:24:04 发布

小疯仔

最新推荐文章于 2024-05-11 09:24:04 发布

阅读量4k

点赞数

分类专栏： js node 文章标签： react.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_45289656/article/details/128458357

版权

js 同时被 2 个专栏收录

38 篇文章 1 订阅

订阅专栏

node

8 篇文章 1 订阅

订阅专栏

react修改端口号的方法：有两个办法

第一种方式是需要更改node_modules
1、依次打开“node_modules”— “react-scripts”—“scripts”文件夹，找到并打开start.js文件；

在这里插入图片描述

2、在start.js文件中查找并修改“DEFAULT_PORT”项的端口值即可。

在这里插入图片描述

最后重新运行项目即可啦

第二种方式

这个方法就相对简单了我们每次创建项目都会有一个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"
  },