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

IT技术 reactjs gatsby
2021-04-29 19:17:40

我想将 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',
          },
        ],
      },
    },

谁能帮帮我吗?谢谢!

1个回答

确保在gatsby-config.jssiteURL是HTTPS

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