为 Storybook for React 创建开放的 80 端口

Posted 2023-02-19

【中文标题】为 Storybook for React 创建开放的 80 端口

【英文标题】：Create open 80 port for Storybook for React

【发布时间】：2021-02-21 13:48:26

【问题描述】：

我的 Storybook 安装的原始端口是端口 8080 和 6006，请参阅文档 enter link description here，并想将 JSON 文件更改为指向端口 80

这是我的 Storybook 安装的 package.json 文件部分：

现在我已经分配了一个域名，因为端口 80 托管在公共 ip 下，问题是一段时间后该端口关闭，我们看不到故事书，因为端口再次关闭。如何配置以使端口保持打开状态？我正在使用 Jelastic 作为网络托管环境：https://jelastic.com/

我目前的配置如下：

运行安装了 Ubuntu 18.04 的 VPS

其他依赖：

NPM 纱线 NodeJS 创建 React 应用程序：https://reactjs.org/docs/create-a-new-react-app.html React 故事书：https://storybook.js.org/docs/react/get-started/introduction 彩色：https://www.chromatic.com/

【参考方案1】：

Storybook 的网络服务器并不打算暴露在互联网上，它仅用于本地开发。您可以使用 yarn build-storybook 创建 Storybook 的静态版本，并将其上传到任何托管服务提供商。但是，由于您使用的是 Chromatic，因此您不必这样做，因为它为您提供了开箱即用的免费托管服务。详情请见https://www.chromatic.com/docs/document#direct-access-to-your-storybook。