如何在Nuxt 3项目中放置不受Nuxt处理的独立子项目?
在Nuxt 3中部署独立静态子项目的正确方法
第一步:调整目录结构
Nuxt 3已将原Nuxt 2的static目录替换为public目录,所有无需框架处理的静态资源都应放在这个目录下。把你的html子项目文件夹移到public目录中,最终路径应为:/public/html/page/index.html第二步:直接访问静态文件
部署完成后,直接通过你原本尝试的路径/html/page/index.html访问即可,此时Nuxt会直接返回该静态HTML文件,不会经过Vue组件或Nuxt路由的处理,子项目中的JS、CSS、图片等资源也能正常加载(确保这些资源的相对路径正确)。注意事项
- 避免Nuxt路由与静态文件路径冲突:如果你的Nuxt项目中存在同名的页面路由(比如
/pages/html/page.vue),Nuxt会优先使用路由页面,而非静态文件,需确保两者路径不重复。 - 开发模式下修改public目录文件后,若未即时生效,可尝试重启Nuxt开发服务。
- 避免Nuxt路由与静态文件路径冲突:如果你的Nuxt项目中存在同名的页面路由(比如
内容的提问来源于stack exchange,提问作者nup
相关产品推荐
相关产品推荐

