前期准备
- 一台centos服务器(可由阿里云购买)
- 一台web服务器(Nginx配置)
部署流程
- 在阿里云官网(ecs-buy.aliyun.com/ecs?spm=517… 购买一台centos云服务器,步骤如下:
注意:
在购买时在安全组选项需将80端口勾选上,你的网站才能默认被访问
购买完成后需记住你的公网ip,这将是你访问网站的ip
- 在本地配置一台nginx服务器
打开git bash, 连接云服务器
ssh user@ip, 其中user指的是云服务器的name, eg:ssh root@47.109.19.189
git输入密码连接成功云服务器显示
cd /etc/nginx 命令进入nginx目录,并使用ls命令查看下属文件,可以看到nginx.conf文件,这将是我们需要配置的文件
vim nginx.conf 进入文件进行编辑
需将标注1修改为
user root, 将标注2的location下的root和index进行配置,(其中root表示项目文件在云服务下的文件夹位置,index表示该项目的入口文件),所以我们需要在root下新建一个www的文件夹,切换路径cd /root,采用mkdir www新建文件,可查看www文件已经存在,至此nginx服务器的配置就已结束
接下来需要将项目文件上传到云服务下的/root/www文件夹下,我们退出服务器在git bash 中切换至项目文件夹内,采用命令scp -r ./dist/* root@47.109.19.189:/root/www,就能看见相关文件已经上传
我们可以进入/root/www查看,可以看见文件已经存在
接下来就是启动nginx服务器,首先可以通过命令ps -ef | grep nginx查看nginx启动情况
我们可以通过
nginx -s stop 停止不相关的nginx服务,同时可以使用nginx -t来查看自己的nginx服务是否配置成功,如下
然后通过
nginx``nginx -s relaod 启动nginx服务,我们就可以在网页端通过ip访问自己的项目了,大功告成!
注意: 如果遇到nginx error的情况,可使用killall nginx 杀死主线程,并重启nginx