当前位置: 首页 > 知识库问答 >
问题:

如何指定一个端口来运行一个基于创建-反应-应用程序的项目?

傅正阳
2023-03-14

npm startyarn start默认情况下将在端口3000上运行应用程序,并且没有在package.json.中指定端口的选项

在这种情况下,如何指定我选择的端口?我想同时运行两个项目(用于测试),一个在端口3005中,另一个在端口3006

共有3个答案

戴浩初
2023-03-14

在主目录中创建一个名为. env的文件,除了package.json,并将PORT变量设置为所需的端口号。

例如:

. env

PORT=4200

您可以在此处找到此操作的文档:https://create-react-app.dev/docs/advanced-configuration

章玮
2023-03-14

这是完成这项任务的另一种方法。

创建一个。env文件,并在项目根目录中指定端口号。比如:

PORT=3005
司寇祺
2023-03-14

如果不想设置环境变量,另一个选项是修改包的脚本部分。json来自:

"start": "react-scripts start"

Linux(在Ubuntu14.04/16.04)和MacOS上测试(由@aswin-s在MacOS Sierra 10.12.4上测试):

"start": "PORT=3006 react-scripts start"

或者@IsaacPak(可能是)更通用的解决方案

"start": "export PORT=3006 react-scripts start"

Windows@JacobEnsor解

"start": "set PORT=3006 && react-scripts start"

跨环境库在任何地方都有效。有关详细信息,请参见Aguinaldo Possatto答案

由于我的答案很受欢迎而更新:目前我更喜欢使用中保存的环境变量。env文件(用于以方便易读的形式存储不同deploy配置的变量集)。别忘了添加*。env进入。gitignore如果您仍在中存储机密。env文件。下面解释了为什么在大多数情况下使用环境变量更好。下面解释了为什么在环境中存储秘密是个坏主意。

 类似资料:
  • 问题内容: 编辑:我现在确定问题与保存所有其他命令的循环有关, 因为我已将其注释掉,并且在部署应用程序时没有附加的异常。我不确定它有多重要,但是我的实现看起来像这样: 因此,现在该线程在部署应用程序时运行,但是由于注释了循环,因此它没有实际意义。 当我的应用程序加载时,我需要在后台运行一个线程,并不断(无超时)检查某个对象队列。当然,一旦有了对象,它就会“照顾它们”,然后继续检查队列。 目前,我正

  • 本文向大家介绍clojure 创建一个新的应用程序,包括了clojure 创建一个新的应用程序的使用技巧和注意事项,需要的朋友参考一下 示例 按照上述说明并安装Leiningen后,请运行以下命令来启动新项目: 这将使用该<project-name>文件夹中的默认Leiningen模板设置一个Clojure项目。莱宁根有多个模板,这些模板会影响项目的结构。最常见的是使用的模板“ app”,它添加了

  • 我想创建一个小应用程序,只使用应用程序级身份验证访问twitter api来读取提要。我在网上读了很多文件,感到非常困惑。我知道twitter api需要授权任何应用程序从twitter获取或写入数据。为了获取相关的密钥(消费者密钥),twitter的dev apps页面要求我们创建一个新的应用程序,我创建了这个应用程序来获取密钥。现在我有一些教程介绍如何创建属性文件来保存这些密钥并开始运行jav

  • 问题内容: 我的项目基于create-react-app。或默认情况下,将在 端口3000 上运行该应用程序,并且在package.json中没有指定端口的选项。 在这种情况下,如何指定自己选择的端口?我想同时运行此项目的两个(用于测试),一个在端口,另一个在 问题答案: 如果您不想设置环境变量,则另一个选择是从以下位置修改package.json 的一部分: 至 Linux (在Ubuntu 1

  • 我正在部署一个网站,它将有几个反应项目,是用create-react-app构建的。每个项目都将在自己的网页上:例如:mywebsite.com/project1,mywebsite.com/project.我正在Ubuntu服务器上设置一个nginx反向代理(我知道如何配置),但我不确定如何指定端口号对于我的每个创建-反应-应用程序项目,以便每个项目都有一个唯一的端口。有人能解释一下如何做到这一

  • 问题内容: 我有多个Node应用程序(在Express框架上构建)。 现在,我将它们这样放置- 现在,我想在同一端口(例如8080)上运行这3个应用程序。那可能吗 ? 需要注意的一件事是,每个应用都有类似的通用路线- 基本上,我想这样做,就像您可以使用Apache / PHP设置一样。 因此,当您拥有LAMP堆栈时- 您可以通过-作为其他应用轻松访问它们- 问题答案: 您可以使用: