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

【问题标题】：Nuxt.js (Vue.js): How to handle subdomains?Nuxt.js (Vue.js)：如何处理子域？
【发布时间】：2020-08-17 18:11:57
【问题描述】：

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

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

【问题讨论】：

标签： javascript vue.js subdomain wildcard nuxt.js

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

当您第一次询问时，这可能不存在，但看起来有一个模块“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

【讨论】：