首页 > 其他分享 >React 配置文件 | 配置本地IP地址和端口号

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

时间:2023-06-03 10:06:41浏览次数:32  
标签:react 配置文件 React start build scripts test 端口号

问题

create-react-app默认端口号是3000,当有的别的项目占用该端口号时
自己想使用别的端口号时

方法

1、更改node_modules

a. 依次打开“node_modules”—“react-scripts”—“scripts”文件夹,找到并打开start.js文件;

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

React 配置文件 | 配置本地IP地址和端口号_安装包

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"
  }

箴言:因为这些东西是非常简单的。不要抱怨自己学不会,那是因为你没有足够用心。



标签:react,配置文件,React,start,build,scripts,test,端口号
From: https://blog.51cto.com/echohye/6407509

相关文章

  • 【React18专栏】React强制刷新组件的方式
    方法一:参考链接:https://cloud.tencent.com/developer/article/2160064方法二:完全卸载并重新挂载:在React中,当你需要完全卸载并重新创建一个新的编辑器实例时,可以使用key属性强制触发重新渲染const[refreshKey,setRefreshKey]=useState(0);constrefreshEditor=()=>......
  • 【React18专栏】React中monaco-editor组件的使用总结
    monaco-editor基础用法组件已经封装过了monaco-editor组件对json数据格式化的处理需求:在初始化加载json格式的数据时,需要实现monaco-editor组件对代码的自动格式化没有格式化的json格式数据显示如下:初始化加载数据完成后,想要达到的显示效果如下:界面上右键下边截图......
  • netstat命令查看端口号
    [img]http://www.corrupteddatarecovery.com/img/Port-Information-sm.png[/img]netstat-ano[list][*]YouwillgetareportofActiveConnections[*]Reportincludes:Protocol,LocalAddress,ForeignAddress,State,PID[*]Writedownthe......
  • react UI框架之chakra-ui
    前言:对于之前熟悉antd的人来说,学习这个框架很痛苦,但使用久了,感觉还行。老外的思维模式真的不一样。 UI:chakra-ui 官方使用文档:https://chakra-ui.com/docs/components/toast......
  • ORACLE的三个配置文件介绍
     在oracle安装目录$HOME/network/admin下,经常看到sqlnet.oratnsnames.oralistener.ora这三个文件,除了tnsnames.ora,其他两个文件详细的用途很多人都不太了解。sqlnet.ora用在oracleclient端,用于配置连接服务端oracle的相关参数.tnsnames.ora用在oracleclient端,用......
  • Oracle主要配置文件
    Oracle主要配置文件介绍(转帖)Oracle主要配置文件介绍:  profile文件,oratab文件,数据库实例初始化文件initSID.ora,监听配置文件,sqlnet.ora文件,tnsnames.ora文件1.2Oracle主要配置文件介绍1.2.1/etc/profile文件          系统级的环......
  • 好饭不怕晚,扒一下Redis配置文件的底Ku
    忙碌是一种幸福,让我们没时间体会痛苦;奔波是一种快乐,让我们真实地感受生活;疲惫是一种享受,让我们无暇空虚。这几句话就能简单概括我最近的工作和生活。好多小伙伴都来私信“催更”,今天它来了!为了表达阿Q的歉意,特赠送「亿级流量Java高并发与网络编程实战」一本,规则见文末。在往期的文......
  • react配置API请求代理
    需求当请求http://10.1.1.1:3131/v1/*接口时,需要代理到8181端口。如果只需要代理匹配到/v1路径的请求,可以在package.json中使用http-proxy-middleware进行自定义代理配置。以下是一个示例:首先,确保已经安装了http-proxy-middleware包。如果没有安装,可以使用以下命令进行......
  • Vue3 reactive 定义一个变量时,如何具有响应式?
    错误示范:constarr=reactive([]);constload=()=>{constres=[2,3,4,5];//假设请求接口返回的数据//方法1失败,直接赋值丢失了响应性//arr=res;//方法2这样也是失败//arr.concat(res);//方法3可以,但是很麻烦res.forEach(e=>{......
  • react 实现聊天界面,发送消息自动到底部
    <divstyle={{float:"left",clear:"both"}}ref={(el)=>{this.messagesEnd=el;}}></div>scrollToBottom=()=>{this.messagesEnd.scrollIntoView({behavior:"auto"......