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

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 可以完全禁用此项
      }
    })
    

    启动服务后控制台输出:
    vite 使用本地 ip + localhost 访问服务_第1张图片

  • 如果配置了 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 可以完全禁用此项
      }
    })
    

    vite 使用本地 ip + localhost 访问服务_第2张图片

你可能感兴趣的:(Vue,tcp/ip,网络协议,网络)