在 Gatsby 应用程序中处理子域路由答案

【问题标题】：Handling subdomain routing in Gatsby application在 Gatsby 应用程序中处理子域路由
【发布时间】：2020-06-30 12:03:19
【问题描述】：

我有一个 Gatsby 应用程序，结构如下：

src
|-pages
    |- dashboard.js
    |- projects.js

在 Netlify 上部署后，这些页面（显然）可通过以下 URL 访问： https://domain.netlify.app/dashboard 和 https://domain.netlify.app/projects

现在我们的要求是在 Netlify 上配置自定义域后通过子域访问这些页面。所以我们仪表板页面的 URL 将是 https://dashboard.customdomain.com 和项目页面的 URL 将是 https://projects.customdomain.com

现在的问题是： (1) Gatsby 是否可以实现这样的实现 (2) 如果是，那么我必须在哪里进行更改以检查子域并相应地处理请求。

【问题讨论】：

【解决方案1】：

不，这不容易。这意味着这些页面在开发中（例如相对路径/dashboard）和生产中（https://dashboard....）具有完全不同的 URL。这也必然意味着您的 JavaScript 代码在两个域之间重复，因此加载了两次，这似乎很浪费。

如果您需要将页面放在两个不同的域中，我建议您为它们开发两个不同的项目。

【讨论】：