原来安装Nginx并部署vue前端项目是这么简单

vue项目打包好之后(打包及cli4的vue.config.js配置方法见：vue-cli4打包踩坑)我们就要部署了，作者采用的是阿里云疫情期间白嫖的半年服务器，系统是centos，进入正题。

Centos安装nginx并部署项目

1. 我使用的是Secure CRT和 WinSCP，前者和xshell差不多，后者是文件传输软件，大家可自行百度安装

2. 用SCP将打包好的dist文件放在服务器根目录下
   

3. 用CRT连接服务器
   

在这里插入图片描述

4. 安装nginx
   安装命令yum install nginx，出现确认时按y
5. 安装完成后，输入 service nginx start 启动nginx
6. nginx默认安装在/etc/目录下，我们用cd命令：cd /etc/nginx，进入到nginx根目录下，在这里有一个nginx.conf配置文件，想要部署项目，需要修改这里相关的配置，我们用vim nginx.conf进入按i键，下边会显示insert字样，代表此时可以进行编辑
7. 进入之后找到server块，按照如下注释修改

---

配置完毕后按Esc退出编辑，然后按:wq退出并保存，如果提示无法写入，无权限，或者改文件只读，请输入:set noreadonly，然后再次:wq，成功会返回命令界面

8. 接着我们重启nginx服务器，nginx -s reload，如果提示失败，请输入nginx -c /etc/nginx/nginx.conf，然后再次重启，到此为止，我们的项目就部署好了。

访问我们的服务器

喜欢的朋友们点个赞呗，么么哒