subdomain - 如何使用 VIteJS 在开发环境中创建子域？

Question

我有以下子域：

• admin.myapp.dev
• 买家.myapp.dev
• 卖家.myapp.dev

我尝试在不同的端口上运行多个服务器，但这些都不起作用。

配置 ViteJS 以解析这些子域的正确方法是什么？

标签： subdomainvite

Answer 1

要解析这些子域，请使用vite 的server.proxyoption。

server: {
    proxy: {
      // forward localhost:3000/admin -> to -> admin.myapp.dev
      '/admin': {
        target: 'admin.myapp.dev/'
      },

      '/buyers': {
        target: 'buyers.myapp.dev'
      },
      
      '/sellers': {
        target: 'sellers.myapp.dev'
      }      
    }
  }

即使使用 RegEx，您也可以更改来源或重写端点。请检查有关这一点的官方文档。