访问react项目html文件,如何访问已启动的react项目

如何访问已启动的react项目

1、运行react项目都会开启一个终端窗口，只需要打开窗口，查看项目的运行地址即可。

上面这个项目的地址是http://localhost:3000/ ，打开浏览器输入这个地址就可以访问这个项目了。

2、也可以直接访问浏览器 http://localhost:3000/ 进行访问，因为react项目默认使用的是3000端口。

知识补充：

为什么是3000端口？

npm start后执行的是react-scripts start"scripts": {

"start": "react-scripts start",

"build": "react-scripts build",

"test": "react-scripts test",

"eject": "react-scripts eject"

},

react-scripts位于node_modules\react-scripts\bin\react-scripts.js，

当我们启动服务器，DEFAULT_PORT的默认值是3000，我们访问的就是默认端口3000，这就是我们查看端口3000的原因。

我们也可以更改为其他端口号。

更多React相关技术文章，请访问React答疑栏目进行学习！