如何在Nuxt3配置中配置vite HMR端口？
如何在Nuxt3配置中配置vite HMR端口？
提问于 2022-04-26 15:31:59
我在Docker安装程序中使用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所接受。页面在dev设置中不断地重新加载。
您是否知道我在Nuxt3中是否错误地配置了这个或这个？
在与Vue类似的设置中，vite.config.js中的此设置是否正常工作？
回答 1
Stack Overflow用户
回答已采纳
发布于 2022-04-29 10:38:12
该问题是由使用端口:24678的Vite (默认情况下)引起的，而这是由Docker阻止的，从而导致Vite错误退出和硬重新加载。要解决这个问题，只需确保相关端口是公开的和可访问的。
根据这个GitHub问题，您可以将以下内容添加到您的Docker文件中(特别是Nuxt3服务，而不是nginx服务)：
# 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',
}
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/72016669
复制相关文章
相似问题
腾讯云开发者
