如何将完成的nuxt.js应用程序部署到Web服务器?

vue.js Vue.js

西门Davaid

2020-03-24

在工作中,我对nuxtjs开发有一些了解,并对它非常感兴趣。因此,我开始自己进行一些开发,但是现在,我坚持完成的项目。

为了进行开发,我在CLI中使用“ npm run dev”启动了本地服务器。这一切都很好。

但是,如何在家庭服务器上部署我现在完成的项目,以使其在类似nginx的环境中运行(或者在Windows Server环境中运行更好的替代方法)?我听说在CLI中有“ npm run build”的信息,但是除此之外的程序又如何呢?该命令甚至是正确的方法吗?

我绝对是这个部门的菜鸟。有人可以教我逐步进行“生产”该做什么吗?

首先十分感谢!

最高

当然,“ npm run dev”对于生产而言不是可行的选择。只能从运行服务器的计算机上访问它。

第3400篇《如何将完成的nuxt.js应用程序部署到Web服务器?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

2个回答
泡芙达蒙 2020.03.24

这个问题没有答案,主要的变量是,您要部署静态应用程序还是通用(ssr)应用程序,以及要在何处托管它。

正如评论和其他答案中所建议的那样,静态应用程序非常简单,但是您可能有一个SSR应用程序,需要进行部署。

文档详细介绍了如何部署到一系列托管服务提供商,以及有关使用nginx的知识。

有一个教程可以部署到数字海洋。

一些托管提供商比其他托管提供商更容易,实际上提供托管CLI的托管提供商通常更容易。因此,Heroku和Now和Netlify都是不错的选择,但后两者仅适用于静态应用程序。文档说“ AWS裁员了1000张纸”,所以我想这并不容易。

因此,您应该检查一下托管选项,然后选择一个,尝试并遵循nuxt文档进行部署,如果遇到麻烦,请在此处询问其他有关具体问题。

宝儿 2020.03.24

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

  1. 运行npm run generate
  2. 转到dist项目子文件夹,然后将所有内容都复制到一些公共托管中,例如GitHub Pages。

尽管如果您有一些内容取决于用户,则需要将其部署为SPA:

  1. 改变modenuxt.config.jsspa
  2. 运行npm run build
  3. 将创建的dist/文件夹部署到Surge,GitHub Pages或nginx等静态主机。

更多细节:

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

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

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android