Nuxt.js (Vue.js)：如何处理子域？

Question

我正在构建一个 Nuxt.js (vue.js) 应用程序。 由于 nuxt 会根据pages文件夹中的目录结构自动生成路由。 我想知道它将如何处理子域。

我想创建一个名为pages/subdomains的文件夹，并希望将所有子域重定向到此文件夹。 如何通过 Nuxt 实现这一目标？

Answer 1

当您第一次询问时，这可能不存在，但看起来有一个模块“k-domains”可以解决这个问题。

https://morioh.com/p/4b2454c8897c

易于使用，例如：

  export default {
    buildModules: [
      [ "k-domains", {
          subDomains: ["blog", "projects", "anotherSubDomain" ], // List of directories to hold te pages for your subdomains
          rootDomain: "main-domain" //  directory to hold the pages for root domain  
      }
      ],
      ["@nuxtjs/router",{
          keepDefaultRouter: true // this line is mandatory...
      }
      ]
    ]
}

使用如下文件树：

|   
|─pages
|   ├───blog
|   ├───projects
|   ├───main-domain
|   └───anotherSubDomain

Answer 2

这是你想要的吗？ https://nuxtjs.org/api/configuration-router/#base

将此代码添加到您的nuxt.config.js

export default {
  router: {
    base: '/pages/subdomains/'
  }
}