You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在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开发服务。

内容的提问来源于stack exchange,提问作者nup

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.12 16:02:32