如何把 Vue.js 项目部署到服务器?
Vue.js 是什么?
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式 JavaScript 框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。
21云盒提供了极简单的 Vue.js 部署方法，你可以在21云盒子上通过以静态网页环境的方式进行部署。
如何部署?
| 环境 | 静态网页 |
|---|---|
| 构建命令 | yarn && yarn build |
| 发布目录 | ./dist |
如果对上描文字描述不清晰，可以参考以下实际操作示频:
https://www.bilibili.com/video/BV1n54y16758
为什么部署在21云盒子?
原因 1: 方便
21云盒子创立至今，在国内第一家真正提供了像 Netlify, Heroku 等轻松部署的功能，同时也保证了服务的速度和稳定性。 每个云服务项目，只需要在首次完成 2 项配置，后续当你Git Push代码，21云盒子就会帮你完成自动部署。
原因 2: 21云盒子稳定，提供网站备案方案
如果你的网站现在使用的是 Netlify, Vercel, Gatsby Cloud等服务，国内用户将没办法访问。
为什么呢? 根据国家工信部的要求，所有在国内上线的网站都必先完成备案， 但国外的云服务平台不提供国内的的备案，所以部署在国外的云服务平台，或许能暂时访问，但长远来看，会非常不稳定。
原因 3: 国内极速访问
再好的服务，如果打开速度太慢，还是没办法使用的。在21云盒子上部署的云服务，一键实现部署全国各地的CDN节点。以面是和国外各大服务比较的案例：
原博客文章来自: 21云盒子官方博客
https://www.21yunbox.com/blog/solutions/how-to-deploy-vuejs-project-in-production-server.html
赞 (0)