阿里云centos上部署nginx和vue项目

1.要在服务器（centos系统）上安装nginx服务器，部署好vue项目，让外网访问到，首先要有服务器，我选择的是阿里云的centos7.5系统的版本，在确认订单那有自定义密码的，要记得登录名和登录密码，在之后连接远程服务器要用到（root为登录名）
2.之后要在该服务器上配置好规则，开放端口给外网访问到，nginx服务器默认监听80端口，所以先开放80端口（配置位置在控制台中的本实例安全组中的规则配置）

3.配置好开放端口后，再下载Xshell和Xftp，Xshell用来连接远程服务器并用命令行的方式控制服务器，Xftp用来连接远程服务器并拉取数据到服务器，可直接对服务器上的数据进行操作。

4.用Xshell软件在服务器上安装nginx服务器
yum install nginx -y //-y是表示确定安装
nginx //启动nginx服务器

注意：
（1）ps -ef | grep nginx可以查看Nginx进程是否存在
（用ps -ef列出进程列表，然后通过grep过滤）
（2）启动、停止、重载、查看状态命令
systemctl start nginx.service
systemctl stop nginx.service
systemctl reload nginx.service
systemctl status nginx.service
（3）nginx -t查看nginx的配置有没有出错
（4）netstat -antp | grep :80（查看80端口被哪个服务占用）
（5）nginx -s reload 重启nginx

5.现在输入ip地址就可以直接出现该页面，未对nginx.conf进行配置时，nginx会默认监听80端口，并显示 /usr/share/nginx/html文件夹中的页面
（注意：这里html中的index.html页面已经被改为centos这个界面了，且nginx.conf文件是在/etc/nginx/nginx.conf中）

6.将已经打包好的dist文件夹，拉到服务器中的data文件夹的 mymall文件夹中，然后修改nginx.conf
文件中的配置，确定修改配置后可以访问到我们拉取进去的dist文件夹中的index.html
(放在root会出错，我也不知道为啥)
nginx.conf文件中service的初始配置为：

修改后的配置为：

记得修改配置后要重启nginx服务器：
nginx -s reload;

7.接着通过ip就可以访问到我们部署的vue项目了

8.打包vuex项目的注意事项：
(1)在vue.config.js中添加publicPath:’./’
(2)若没有在nginx中设置根目录root(不是location中的那个)，则需要将mode:'history’去掉，因为history是相对于根目录的，如果此时没有设置根目录的话，会默认将该域名下的根目录作为根目录，会导致文件取不到