一、在项目(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的自动化部署流程。