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

React.js 官网截图

React.js 是什么?

React 起源于 Facebook 的内部项目，因为当时市场上的 JavaScript MVC 框架都满足不了 Facebook 的要求，所以内部制作了一套框架，主用在 Instagram (被Facebook收购的一款图片社交App) 的网站上。后来于 2013年5月开源，所有人都可以使用。

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

如何部署?

1. 注册成为21云盒子会员
2. Fork React.js示例
3. 在21云盒子上创建一个云服务, 并允许21云盒子访问你的代码库
4. 用下面配置进行创建

环境	静态网页
构建命令	yarn && yarn build
发布目录	./build

如果对上描文字描述不清晰，可以参考以下实际操作示频:

如何把 React.js 部署到服务器 | 21云盒子

 

为什么部署在21云盒子?

原因 1: 方便

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

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

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

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

原因 3: 国内极速访问

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

• 21云盒子 vs Netlify

• 21云盒子 vs Vercel

• 21云盒子 vs Heroku

• 21云盒子 vs Github Pages