vite 使用本地 ip + localhost 访问服务

• 在 vite.config.js 中，如果未配置 server.host，默认服务将以 localhost 进行启动，此时我们可以通过 localhost:port 或 127.0.0.1:port 进行应用访问。

  import { resolve } from 'path'
  function pathResolve(dir: string): string {
    return resolve(process.cwd(), '.', dir)
  }
  export default defineConfig({
    resolve: {
      alias: {
        '@': pathResolve('src')
      }
    },
    server: {
      port: 3000,
      open: true
    },
    build: {
      assetsInlineLimit: 4096, // 小于此阈值的导入或引用资源将内联为 base64 编码，以避免额外的 http 请求。设置为 0 可以完全禁用此项
    }
  })
  

  启动服务后控制台输出：
  

• 如果配置了 server.host 的值为 0.0.0.0，静态资源服务将以 localhost 和本地 Ip 进行启动，此时我们可以通过 localhost:port 或 127.0.0.1:port 或localIp:port 进行应用访问

  import { resolve } from 'path'
  function pathResolve(dir: string): string {
    return resolve(process.cwd(), '.', dir)
  }
  export default defineConfig({
    resolve: {
      alias: {
        '@': pathResolve('src')
      }
    },
    server: {
      host: '0.0.0.0'
      port: 3000,
      open: true
    },
    build: {
      assetsInlineLimit: 4096, // 小于此阈值的导入或引用资源将内联为 base64 编码，以避免额外的 http 请求。设置为 0 可以完全禁用此项
    }
  })