时间戳

首页 > 解决方案 > 如何在 Gatsby 开发过程中保持开发链接指向本地主机

gatsby - 如何在 Gatsby 开发过程中保持开发链接指向本地主机

问题描述

我不确定这个问题的好标题，但我想知道为什么在开发（运行gatsby develop）中，我所有的相关链接都指向我的生产 URL。我也在为所有这些链接使用 Gatsby Link 和相对 URL。

例如，在开发中，假设我正在链接到我的 about page <Link to={'/about'}>About</Link>，我希望链接可以转到localhost:8000/about但它会转到https://myproductionsite.com/about

我认为这与我的gatsby-config文件有关：

module.exports = {
    siteMetadata: {
        title: "My site name",
        description: "...something about providing services",
        author: "Me",
        siteUrl: "https://myproductionsite.com",
        ...

我认为在添加用于 SEO 目的之前一切正常siteUrl，所以我不想摆脱它，但我不记得我是在什么时候注意到这种情况发生的。我走得太远了，无法开始挖掘提交。

我想知道是否有明显的解决方法。

我尝试在我的 Gatsby 配置中设置envvar.env.production并.env.development使用 switch 语句来动态选择值，siteUrl但这似乎不起作用或没有任何效果。

例如：

// .env.development
SITE_URL=localhost:8000

在开发过程中单击链接时的预期行为是默认localhost:8000为根域，并在站点处于活动状态时转换为生产根域。

有谁知道我能做些什么来解决这个问题？谢谢。

标签： gatsby

解决方案

推荐阅读