记录一次部署vue到阿里云centos7服务器上(静态页面,没有请求接口)

准备工作不多说,直接进入主题

一.打包vue项目,并移至服务器上

二.nginx安装配置

1.输入命令 yum install nginx ,当需要确认时输入”y“回车。

2.安装完成后,输入 systemctl start nginx 启动nginx服务。

3.通过命令 nginx -t 查看nginx所在的安装目录。nginx默认会安装在 /etc/ 目录下。

4.在命令行输入命令 cd /etc/nginx 切换到nginx目录下,再输入 vim nginx.conf 编辑当前nginx配置文件。

记录一次部署vue到阿里云centos7服务器上(静态页面,没有请求接口)_第1张图片

端口号 需要在安全组规则里自己添加

记录一次部署vue到阿里云centos7服务器上(静态页面,没有请求接口)_第2张图片

5.当完成Nginx配置文件的修改后,按键盘ESC键退出编辑模式,然后输入 :wq 并回车,保存修改并退出。

6.修改完nginx配置文件后,需要输入 nginx -s reload 重启nginx配置。这里如果重启失败,可输入 nginx -c /etc/nginx/nginx.conf ,然后再次重启。

到这基本就都可以了,但是我在配置完后,无法访问。后来多方查找,最终发现

记录一次部署vue到阿里云centos7服务器上(静态页面,没有请求接口)_第3张图片

此时,再通过阿里云的公网ip访问,就可以看到项目了。

你可能感兴趣的:(记录一次部署vue到阿里云centos7服务器上(静态页面,没有请求接口))