nginx - 使用 Nginx 提供基于变量的不同页面

Question

我有一个nuxt generate带有 i18n 的 d JAMStack 网站。生成的页面位于en和ru文件夹中。我正在计算用户的语言环境并从相应的文件夹中提供内容：

map $http_accept_language $fallback_lang {
    ~en en;
    ~ru ru
    default en;
}

map $cookie_i18n_redirected $lang {
    en en;
    ru ru;
    default $fallback_lang;
}

server {
    location / {
        root /var/www/html;
        rewrite ^/(.*)/$ /$1 permanent;
        try_files /$lang/$uri /$lang/$uri/index.html =404;
    }
}

俄文首页位于/ru/index.html，但英文版没有这样的页面，我想/en/archive/index.html为GET /if $langis提供服务'en'。

我该怎么做？

Answer 1

您也许可以利用extendRoutes.nuxt.config.js

在您的nuxt.config.js文件中：

// nuxt.config.js
  ...

  router: {
    ...
    extendRoutes(routes, resolve) {
      routes.push({
        path: '/',
        component: resolve(__dirname, 'pages/en/archive/index.vue')
      });
    }
    ...
  },

这将允许您在应用程序级别根据传入路由路由到特定的 nuxt 页面。