我在 Docker compose 设置中使用 Nuxt3,其中端口 8001 是通过 nginx 反向代理通道运行 Nuxt3 的节点容器的可访问端口。
我的 nuxt.config.ts 看起来像这样:
import { defineNuxtConfig } from 'nuxt'
// https://v3.nuxtjs.org/api/configuration/nuxt.config
export default defineNuxtConfig({
vite: {
server: {
hmr: {
clientPort: 8001,
}
}
}
})
不知何故,Vite 的 HMR 的 clientPort 设置似乎没有被 Nuxt3 拾取。该页面在开发设置中不断重新加载。
知道我是否配置错误或者这在 Nuxt3 中尚不可能吗?
在与 Vue 类似的设置中,vite.config.js 中的此设置是否正常工作?
该问题是由Vite(默认)使用端口引起的:24678
并且这被 Docker 阻止,导致 Vite 出错并硬重载。要解决此问题,您只需确保相关端口已公开且可访问。
按照这个GitHub问题 https://github.com/nuxt/vite/issues/172您可以将以下内容添加到 Docker 撰写文件中(特别是 Nuxt3 服务,notnginx 服务):
# Your Nuxt 3 service
ports:
- "24678:24678" # or in your case: - "8001:8001"
您可能还需要添加vite.config.js
将文件复制到 Nuxt3 文件夹的根目录,其中包含以下内容:
export default {
server: {
hmr: {
protocol: 'ws',
host: '0.0.0.0',
}
}
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)