node.js - 是否可以在 `npm start` 上的不同 url 上提供 React 应用程序

标签 node.js reactjs npm

默认情况下,在 React 应用程序中,npm start 在 http://localhost:3000/ 中提供 url。我想在开发模式下以不同的网址(例如 http://localhost:3000/my-app)为应用程序提供服务。我该怎么做?

我不想更改应用程序目录。我希望它在 localhost:3000/my-app url 上提供服务,而不是在 localhost:3000 上提供应用程序。这意味着 localhost:3000/my-app 将是默认 url。这是引用图像

enter image description here

本地应该是 http://localhost:3000/my-app 替换 http://localhost:3000/

感谢您的提前。

最佳答案

在 Windows 中,您可以更改 package.json 中 url 的所有部分。 只需将本例的脚本 start 修改为这样

"start": "set PUBLIC_URL=myapp&&set HOST=DOMAIN-NAME&&set PORT=AppPort&&react-scripts start"

这将有效配置 npm 以使用 url 打开浏览器

http://DOMAIN-NAME:AppPort/myapp

您还可以配置 HTTPS 协议(protocol)和证书

"start": "set PUBLIC_URL=myapp&&set HTTPS=true&&set SSL_CRT_FILE=[path to certificate]&&set SSL_KEY_FILE=[path to key file]&&set HOST=DOMAIN-NAME&&set PORT=AppPort&&react-scripts start"

将于

开放
https://DOMAIN-NAME:AppPort/myapp

其他操作系统的解决方案类似

关于node.js - 是否可以在 `npm start` 上的不同 url 上提供 React 应用程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52948859/

相关文章:

javascript - 如何添加可变饼图来 react 项目?

javascript - react 和 Redux : 401 Unauthorized Error POST API Request

node.js - Azure的 Node 部署使用错误的 Node 和NPM

node.js - Visual Studio 2015 Taks 运行程序资源管理器导致多个 node.exe 进程

node.js - 使用 Digital Ocean 和 FlightPlan.js 时 Node 应用程序出错 - 所有配置的身份验证方法均失败

node.js - 尝试访问本地主机中的数据库时如何修复 "Error: The server does not support SSL connections"?

node.js - 使用 NodeJS 的路由器(代理)?

node.js - JavaScript NodeJS Joi 大量验证

reactjs - TypeScript 错误将 Prop 传递给样式组件

linux - npm install 会导致诸如 npm ERR 之类的错误! Debian 上的 tar.unpack 解压错误