在工作中,我对nuxtjs的开发有了一些了解,我对它非常感兴趣.所以,我开始自己开发一点,但现在,我被我完成的项目困住了.

为了开发,我在CLI中启动了一个带有"npm run dev"的本地服务器.这一切都很好.

但是,我如何部署我现在已经完成的项目,以便在我的家庭服务器上的nginx(或者在Windows服务器环境中运行的更好的替代方案)中运行它呢?我听说在我的CLI中有"npm run build",但除此之外的过程如何?这个命令是正确的方法吗?

我绝对是这个部门的无名小卒.有人能一步一步地教我"投入生产"需要做什么吗?

谢谢,这是非常提前的!

马克斯

当然,"npm运行开发"对于生产来说不是一个可行的 Select .它只能从运行服务器的机器上访问.

推荐答案

最简单的方法——您需要生成所有内容:

  1. npm run generate.
  2. 转到项目的dist子文件夹,然后将所有内容复制到一些公共主机上,比如GitHub页面.

不过,如果用户依赖某些内容,则需要将其部署为SPA:

  1. nuxt.config.js中的mode改为spa.
  2. npm run build.
  3. 将创建的dist/文件夹部署到您的静态主机上,如Surge、GitHub页面或nginx.

更多详情:

https://nuxtjs.org/guide/commands#static-generated-deployment-pre-rendered-

https://nuxtjs.org/faq/github-pages#how-to-deploy-on-github-pages-

Vue.js相关问答推荐

如何禁用Vuetify v—stepper操作按钮

VueJS使所有组件崩溃,而不是只有一个

VueI18n 无法读取或更改组合 API 中的区域设置

vuejs:在确认提示之前更改 HTML

在Vue 2中,是否可能在不创建组件的情况下注入代码块?

手动触发对观察到的对象/数组的更新

更改 Vuetify 轮播高度

VueJS:在组件之间使用全局对象的最佳实践?

在 vue 3 中使用 vue-chartjs:createElement 不是函数

在 jest document.querySelector 中测试 vue 组件期间始终返回 null

判断 vue-router.beforeEach 不限制对路由的访问

如何将Vue的主应用程序渲染到body元素?

使用 Vue.js (cdn) 在特定元素上切换显示/隐藏

VueJS + Typescript:类型上不存在属性

重新加载发布到 Github 页面的 Vue 网站时出现 404

错误 [ERR_UNSUPPORTED_ESM_URL_SCHEME]:默认 ESM 加载器仅支持文件和数据 URL - Vue 3

Vue在按钮单击时添加一个组件

使用 Spring Boot(VueJS 和 Axios 前端)禁止发布 403 帖子

使用 VueJS 使用 3rd 方库打印元素

Mapbox 事件监听器