用 Docker 做 Vite 开发环境时遇到的两个问题

2,155 阅读1分钟

1、Docker 端口映射失败

开始觉得很奇怪,运行 $ npm run dev 命令后,本地浏览器一直没反应。最后查文档给 Vite 配置了 host 参数,端口才映射成功。

// vite.config.ts
// https://cn.vitejs.dev/config/#server-host

export default defineConfig({
  plugins: [vue()],
  server: {
    host: '0.0.0.0',
  }
})

2、本地浏览器频繁刷新

本地浏览器频繁刷新就失去了 Vite 开发的优势,导致没法用 Docker 做 Vite 开发环境。大家见下图效果:

docker-vite.gif

有解决办法的,欢迎告知。