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

Nuxt.js静态应用部署后无限加载问题求助

Nuxt.js静态部署后页面无限加载问题

我刚完成一个Nuxt.js项目,想要部署到Web服务器,执行nuxt generate命令生成了静态应用。此前本地运行一切正常,但部署后页面无限加载,中心显示一个黑灰色旋转圆圈。

页面无限加载截图

补充说明

  • 应用托管在OVHcloud
  • 项目公开仓库地址:https://github.com/maximehamou/public.mh-info.fr

nuxt.config.js配置

export default {
  // Disable server-side rendering: https://go.nuxtjs.dev/ssr-mode
  ssr: false,
  target: "static",

  // Global page headers: https://go.nuxtjs.dev/config-head
  head: {
    title: "Accueil | MH info",
    htmlAttrs: {
      lang: "fr",
    },
    meta: [
      { charset: "utf-8" },
      { name: "viewport", content: "width=device-width, initial-scale=1" },
      { hid: "description", name: "description", content: "" },
      { name: "format-detection", content: "telephone=no" },
    ],
    link: [{ rel: "icon", type: "image/x-icon", href: "/favicon.ico" }],
    script: [{ src: "https://kit.fontawesome.com/048c7a73f1.js/" }],
  },

  // Global CSS: https://go.nuxtjs.dev/config-css
  css: ["./css/general.css"],

  server: {
    port: 4000,
  },
};

package.json配置

{
  "name": "mh-info.fr",
  "version": "1.0.0",
  "private": true,
  "scripts": {
    "dev": "nuxt",
    "build": "nuxt build",
    "start": "nuxt start",
    "generate": "nuxt generate",
    "sass": "sass -w scss:css"
  },
  "dependencies": {
    "buttercms": "^1.2.9",
    "core-js": "^3.19.3",
    "nuxt": "^2.15.8",
    "sass": "^1.54.9",
    "vue": "^2.6.14",
    "vue-server-renderer": "^2.6.14",
    "vue-template-compiler": "^2.6.14",
    "webpack": "^4.46.0"
  }
}

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.14 21:40:57