怎么修改react的默认3000端口

最新推荐文章于 2022-12-27 16:55:23 发布
最新推荐文章于 2022-12-27 16:55:23 发布
阅读量930 收藏 1
点赞数 3
分类专栏： # react 文章标签： react typescript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45019494/article/details/106490884
版权

怎么修改react的默认3000端口

  • 我们在运行多个react项目时，我们想指定react的端口。
  • 经过我查资料，我总结了两个方法。
    • 方法一
      • 打开项目中的node_modules文件夹->找到react-script文件夹->打开scripts文件夹->找到start.js文件->然后在此文件夹中修改即可。
        目录图片
      • Ctrl+C关闭项目->然后再次启动即可
        Ctcl+c
    • 方法二
      • 打开package.json文件->像如图所示添加如下代码即可。
        如图所示
      • 也就是找到 scripts节点->在start命令处添加如下代码：
       set PORT = 3001
      • Ctrl+C关闭项目->然后再次启动即可
  • 经过如上所述，优先度为：方法二>方法一
KjPrime
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
如何修改React的端口号
yaya的博客
09-03 3168
修改react端口号的两种方法
react项目如何修改默认3000端口号
u010565037的博客
08-13 1395
react项目默认设置的端口号是3000，那要怎么修改默认的端口号呢？ 这是默认的项目结构 在node_modules文件下找到react_script文件夹，代开scripts文件下，找到starts.js文件 ...
react开发那些事儿，如修改默认端口3000等
aSuncat
05-19 998
一、webstorm报错“can’t find module eslint-config-react-app”。 1、解决： （1）npm i eslint-config-react-app --save-dev （2）重启webstorm 二、
【react】react怎么修改默认端口3000
web前端开发大全
12-14 1190
用脚手架创建的项目，默认端口为3000，如果接口有冲突了就需要修改默认3000的端口。 方法1：添加 .env文件，设置PORT=8080 如果需要查看react的默认配置。可以将react的配置暴露出来，暴露出来的方法为：npm run eject ...
用create-react-app创建项目后怎么把默认的3000端口改掉?
pan396365044的博客
09-03 446
用create-react-app创建项目后怎么把默认的3000端口改掉? 想了解具体的可参考’https://www.jianshu.com/p/6effa6f8059b’ 第一种：在node_modules\react-scripts\bin\react-scripts.js 中找到DEFAULT_PORT=parseInt(process.env,PORT,10)||3000 将3000改...
JavaScript React如何修改默认端口号方法详解
10-15
主要介绍了JavaScript React如何修改默认端口号方法详解，文中通过步骤图片解析介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
解决React Native端口号修改的方法
08-29
在React Native开发过程中，默认的端口号为8081，但是在某些情况下，可能会与其他服务冲突，导致端口号被占用无法使用。因此，需要修改端口号来解决冲突问题。 解决方案1：使用命令行修改端口号 ------------------...
React的学习Day5
01-20
Day5 yarn 和npm 命令对比...端口的修改(默认端口3000) 项目的目录/node_modules/react-scripts/scripts/start.js const DEFAULT_PORT = parseInt(process.env.PORT, 10) || XXXX; eslint报错no-restricted-global
react脚手架配置-localhost:3000 拒绝访问解决办法
xiaoxiaokuer的博客
09-16 2749
localhost:3000 拒绝访问解决办法
ORACLE 12C EM 端口5500关闭及如何修改默认端口
db_murphy的博客
12-30 3309
绿盟软件扫描数据库oracle服务器，报出如下告警： 大家都知道，ORACLE 12C EM的默认启动端口是5500，为防止异常攻击，建议将此端口对应的服务进行关闭，规避受攻击风险。 先查看Oracle服务器上所运行的服务，命令如下: [oracle@bkdb ~]$ netstat -nltp | grep 5500 (Not all processes could be identified, non-owned process info will not be shown, you would h
react,修改3000端口
Top5软件工程硕士，先后在京东、字节从事多年Java后端开发、实时和离线大数据开发
10-10 2258
scripts/start.js文件中： 现在是修改为了2000， 修改成未使用的端口号，重启生效，  
react 默认端口修改
weixin_37242696的博客
06-11 2万+
前言：对package.json的认识首先我们应该对package.json有一个认识：它包含了整个项目所依赖的模块以及项目的配置信息。下面我们说一下package.json中重要的几个属性：1、scripts:  通常它指定了npm命令行的缩写，比如start指定了运行npm run start时，要执行的命令。下面的设置分别指定了start、build、test、eject要执行的命令。2、d...
React——基础Count案例解析
Jane_96的博客
06-14 1222
1. 创建项目文件夹 用官方给的脚手架直接创建项目文件夹，关于搭建项目文件夹，可以参照之前的一篇博文React创建项目文件之自己搭建和运用脚手架搭建 我这里就直接采用脚手架搭建 create-react-app react-count 然后进入react-count文件夹下面，运行命令 npm start React会自动监听3000端口，如果浏览器出现以下页面说明第一步创建项目文...
react 修改运行端口号
weixin_45289656的博客
12-27 4264
1、依次打开“node_modules”— “react-scripts”—“scripts”文件夹，找到并打开start.js文件；
React 修改端口号
u011047066的专栏
09-08 7988
打开react项目的 package.json文件将 scripts中的start键值对   "start": "react-scripts start"   修改为"scripts": { "start": "set PORT=9000 && react-scripts start", "build": "react-scripts build", "test": "react-
React修改项目启动的默认端口号
世间万物皆不如你
12-02 1449
在package.json中把”start“修改成”set PORT=9000 && react-scripts start“ 代码示例如下： "scripts": { "start": "set PORT=9000 && react-scripts start", "build": "react-scripts build", "test": "react-scripts test --env=jsdom", "eject": "reac.
使用 craco 配置基于 create-react-app 的开发环境
热门推荐
qq_39223195的博客
06-17 3万+
本文使用 create-react-app 创建 React 项目，使用 antd 作为 UI 框架，使用 craco 对项目进行配置。达成 antd 组件按需加载，支持 less，支持类装饰器语法，支持 webpack 别名并支持 vscode 支持路径补全的结果。...
如何关闭react的端口号_react怎么配置启动端口
最新发布
05-20
关闭 React 应用程序的端口号可以通过以下步骤实现： 1. 打开运行应用程序的终端或命令提示符窗口。 2. 按下 Ctrl + C 组合键，或者输入“Ctrl + Break”来停止应用程序的运行。 React 应用程序的默认端口号为 3000。如果想要更改端口号，可以通过在启动命令中添加一个环境变量来实现。例如，要将端口号更改为 8080，可以使用以下命令启动应用程序： ``` PORT=8080 npm start ``` 或者如果使用的是 yarn，可以使用以下命令： ``` PORT=8080 yarn start ``` 这将使应用程序在 8080 端口上运行。请注意，如果您的端口号已被占用，您需要选择一个不同的端口号。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值