原理是与云仓库本地建立连接,本地代码上传到云仓库(Gitee或GitHub等)云服务器与云仓库连接,云服务器抽取仓库代码服务器上的build项目。 设置nginx.conf文件。 启动nginx后,即可访问已部署的项目。 云服务器(腾讯云、百度云、AlibabaCloud (阿里巴巴云)、华为云等)下载安装git服务器为nginx、nodejs、npm具体步骤1、如果没有服务器,需要购买一个
2 .给服务器创造环境
安装//gitsudoyuminstallgit//nginxsudoyuminstallnginx//nodejsudoyuminstallnodejs安装npmsudo yum install npm 3
4、云仓库上传本地代码
//在要上传的项目根下打开终端//初始化git init//与云仓库建立本地连接git remote add origin【到云仓库的HTTPS链接】//项目
//服务器返回根目录下//.创建ssh文件夹cd .ssh//公钥ssh-keygen//,然后在此文件夹下找到id_rsa.pub文件,该文件是cat id _ rrb
//向服务器拉动项目//可以创建便于自己管理的文件夹。 cd进入此文件夹,将项目拉到此文件夹下的git clone【仓库HTTPS链接】//cd指向该项目的根目录,安装所需的库,或安装依赖的npm i//在npm run build//build之后会添加另一个文件夹。 react项目的附加文件夹是build,而vue的附加文件夹是dist//复制此文件夹路径。 即找到xxx/xx/./build或xxx/xx/./dist 7、ngist7
server_name服务器的ip地址; rootXXX/xx//build或xxx/xx/./dist; 这样就部署好了! 通过在浏览器中输入服务器的ip地址,可以访问已部署的项目。
8、后期维护,可以在服务器上修改代码,可以在本地修改代码,推送仓库,推送服务器,并且在build上已经更新了。
请记录下来。 我的项目位于根/项目/路径下
nginx配置文件为: root/etc/nginx/nginx.conf