Question

我最近通过一个NextJS SSG项目（使用Gitlab.com的Gitlab页面）更新了我的个人网站，您可以看到here。

当我快要完成工作时（一切正常），我在GT Metrix和Twitter Card Validator上检查了我的SEO ...令人惊讶（！）：某些页面（但不是每页），GT Metrix告诉我他收到503错误，并且Twitter验证程序向我显示的页面是指向Gitlab登录页面的链接（显然已重定向）。

以下是错误页面：

https://soykje.gitlab.io/fr和https://soykje.gitlab.io/en
https://soykje.gitlab.io/fr/blog和https://soykje.gitlab.io/en/blog（博客文章尚可）

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

为了记录，我正在使用NextJS 9.5，并且我还使用了语言环境来提供多语言支持...也许是相关的？我检查了我的代码，看起来还可以，但是问题一定出在我的代码中还是在我的存储库中？

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

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 ? '/' : ''
}

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

谢谢大家！

Answer 1

经过一些调查，似乎 trailingSlash: true 选项（在 next.config.js 上）解决了问题...不确定为什么：/

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

Gitlab页面上的NextJS SSG，获得503吗？

1 个答案: