阅读 216

如何把 Nuxt.js 项目部署到服务器?

Nuxt.js 官网截图

Nuxt.js 官网截图

Nuxt.js 是什么?

Nuxt.js 是一个基于 Vue.js 的轻量级应用框架, 可用来创建服务端渲染 (Server Side Rendering, SSR) 应用, 也可充当靜態網頁生成器(Static Site Generator, SSG)生成静态应用,具有优雅的代码结构分层和热加载等特性

21云盒提供了极简单的 Nuxt.js 部署方法,你可以在21云盒子上通过以静态网页环境,或Node环境的方式进行部署。

如何部署?

  1. 注册成为21云盒子会员
  2. 在 Gitee 上 Fork Nuxt.js示例
  3. 在21云盒子上创建一个云服务, 并允许21云盒子访问你的代码库
  4. 用下面配置进行创建
环境静态网页
构建命令yarn && yarn generate
发布目录./dist

如果对上描文字描述不清晰,可以参考以下实际操作示频: www.bilibili.com/video/BV1vK…

为什么部署在21云盒子?

原因 1: 方便

21云盒子创立至今,在国内第一家真正提供了像 Netlify, Heroku 等轻松部署的功能,同时也保证了服务的速度和稳定性。 每个云服务项目,只需要在首次完成 2 项配置,后续当你Git Push代码,21云盒子就会帮你完成自动部署。

原因 2: 21云盒子稳定,提供网站备案方案

如果你的网站现在使用的是 Netlify, Vercel, Gatsby Cloud等服务,国内用户将没办法访问。

为什么呢? 根据国家工信部的要求,所有在国内上线的网站都必先完成备案, 但国外的云服务平台不提供国内的的备案,所以部署在国外的云服务平台,或许能暂时访问,但长远来看,会非常不稳定。

原因 3: 国内极速访问

再好的服务,如果打开速度太慢,还是没办法使用的。在21云盒子上部署的云服务,一键实现部署全国各地的CDN节点。以面是和国外各大服务比较的案例:

原博客文章来自: 21云盒子官方博客 www.21yunbox.com/blog/soluti…

文章分类
前端
文章标签