在 Gatsby 中将 HTTP 流量重定向到 HTTPS

Question

我想将 HTTP 流量重定向到 HTTPS，因为这是 PWA 的 Lighthouse 要求。我的网站是用 Gatsby 构建的。

我发现了各种插件，例如下面的插件，它们似乎暗示答案来自于修改 .htaccess 文件。

https://www.gatsbyjs.org/packages/gatsby-plugin-htaccess/

上面的插件，我尝试了如下配置，没有通过PWA审核：

{
      resolve: 'gatsby-plugin-htaccess',
      options: {
        RewriteBase: '/custom/',
        https: true,
        www: true,
        SymLinksIfOwnerMatch: true,
        host: 'av-site.com',
        redirect: [
          'RewriteRule ^not-existing-url/?$ /existing-url [R=301,L,NE]',
          {
            from: 'http:av-site.com',
            to: 'https:av-site.com',
          },
        ],
      },
    },

谁能帮帮我？谢谢！

Answer 1

确保 gatsby-config.js 中的 siteURL 是 https

module.exports = {
  siteMetadata: {
    title: `example`,
    description: ``,
    author: `me`,
    siteUrl: `https://example.com`
  },

在 Gatsby 中将 HTTP 流量重定向到 HTTPS

Redirect HTTP traffic to HTTPS in Gatsby

reactjs

gatsby