项目部署上线流程

一、在项目(vue/react)开发完成之后 就可以进行构建打包

将项目打包dist文件：

无论是vue或者react或者是其他的框架的代码 最后都是要打包。打包的生成的文件都是 html + css+ js+静态资源

vue 和 react 和vite的项目都是 执行 npm run build来进行打包

二、服务器 - 就是一台有公网ip的电脑

如果你的打包的产品需要别人能否通过互联网访问 ，那么首先就总是要有一个服务器!!!

 

DNS 域名解释解析

 

域名解析本质上就是 让你不用去记忆ip地址，目的就是

让你 在浏览器访问 (可以简单理解为给这个ip地址起一个别名)

qf2205.yiker.cc 等同于 输入 175.178.220.55

    

 

我们可以现在在浏览器当中直接访问 我们的网站域名 这个时候就会看到了我们刚才放在服务器上面的文件

 

 

通过上面的介绍 大概知道了vue和react的项目是怎么能让互联网的用户访问到。

 上面的流程总结为就是

npm run build  => 上传到服务器 

三、但是现在的企业当中更多的是采用 持续化部署( CI/CD )

cicd 就是配置一个脚本，在我们提交了 git（或者是监听git的某个分支的变化），然后就自动的去执行

"npm run build => 上传到服务器"

很多公司将 这个流程也称之为 发版（发布一个版本）

 

 当我们的项目部署好 cicd之后。 我们只要git push到一个指定的分支 然后就会触发cicd的自动化部署流程。