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/'
  }
}