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

Question

我有以下子域：

admin.myapp.dev
buyers.myapp.dev
sellers.myapp.dev

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

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

Answer 1

要解析这些子域，请使用 vite's server.proxy option。

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

您还可以更改原点或重写端点，即使使用正则表达式也是如此。关于这一点请查看offical doc。

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

How to create Subdomains in Development environment with VIteJS?

subdomain

vite