2

我最近使用 NextJS SSG 项目更新了我的个人网站（使用来自 Gitlab.com 的 Gitlab Pages），您可以在此处查看。

当我快要完成这项工作时（一切正常），我在 GT Metrix 和 Twitter Card Validator 上检查了我的 SEO……令人不快的是（！）：对于某些页面（但不是每一页），GT Metrix 告诉我他得到 503 错误，对于相同的页面，Twitter 验证器向我显示了 Gitlab 登录页面的链接（显然已重定向）。

以下是有错误的页面：

我坚持认为该站点在浏览时工作正常，并且在检查可能的 NextJS 编码问题时，我找不到任何东西（路由和配置似乎已正确完成）。

作为记录，我使用的是 NextJS 9.5，并且我还使用语言环境来提供多语言支持......也许它是相关的？我检查了我的代码，看起来没问题，但是问题一定出在某个地方，在我的代码中还是在我的 repo 设置中？

我试图清除跑步者缓存，在重建之前删除我的页面，......但没有任何效果。这是一些配置文件，如果有帮助的话：

gitlab-ci.yml

image: node

cache:
  paths:
    - node_modules/

pages:
  before_script:
    # Clean public folder
    - find public -mindepth 1 -maxdepth 1 -type d | xargs rm -rf
    - find public -type f -name "*.html" | xargs rm -rf
    # Install packages
    - npm install
  script:
    # Build application and move content to public folder
    - npm run publish
    - mv out/* public
  after_script:
    # Cleanup
    - rm -rf out
  artifacts:
    paths:
      - public
  only:
    - master

next.config.js

const isProd = process.env.NODE_ENV === 'production'

module.exports = {
  assetPrefix: isProd ? '/' : ''
}

我在这里完全迷失了，这些问题，即使没有阻止浏览，仍然是问题......所以任何帮助都会非常棒！

谢谢大家！

4

1 回答 1

1

经过几次调查后，似乎该trailingSlash: true选项 (on next.config.js) 解决了问题......不确定为什么要理解：/

[更新] 在 Gitlab Pages文档中搜索并检查我的输出文件有或没有这个trailingSlash选项后，似乎这个问题的根源必须在 Gitlab Pages 的 url 解析和 Next.js 导出方法之间共享......它似乎在使用 Gitlab Pages 时，我们需要使用此选项来使一切正常工作。

于 2021-05-22T13:03:58.190 回答