【发布时间】：2022-11-10 03:42:22
【问题描述】：
我刚刚完成了一个 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"
}
}
【问题讨论】：
-
通常，最初有一个 CI 流，然后开始编码会更安全，因为它会使错误更容易调试（因为增量方法）。所以，是的，我们在这里需要很多东西：
nuxt.config.js，package.json，你托管应用程序的地方，可能是一个公共 github 存储库，并且知道应用程序在构建后是否正常工作（本地）。 -
我只是添加所有你问的东西。什么是 CI 流？
-
一旦你推送了代码更改，就会发生 CI 流。因此它可以是 Gitlab 管道、Github 操作或由 devops 团队配置的任何东西来捆绑您的应用程序。当然，一个简单的
yarn generate也完全可以作为 CI（持续集成）。 -
你好，这里有消息吗？仍然不想尝试 Vercel/Netlify？
-
我已经试过了，但是文章没有加载（404页）。但是，当我在本地应用程序中执行 yarn start 时，一切正常。
标签： deployment nuxt.js