nginx部署vue项目以及注意事项

nginx安装图解：
https://blog.csdn.net/dyllove98/article/details/8892509
安装完成一般常用命令
//或者：安装语句：yum -y install nginx，通过这个安装后，安装的目录在：/usr/sbin。
进入安装目录中，
命令： cd /usr/local/nginx/sbin
启动，关闭，重启，命令：
./nginx 启动
./nginx -s stop 关闭
./nginx -s reload 重启

若想使用外部主机连接上虚拟机访问端口192.168.131.2，需要关闭虚拟机的防火墙：

centOS6及以前版本使用命令： systemctl stop iptables.service

centOS7关闭防火墙命令： systemctl stop firewalld.service

以下为vue项目部署示例
（自己的阿里云环境为例，以防忘记）
多个项目部署，为了方便，每一个项目有自己的.conf文件，将文件放置在/etc/nginx/conf.d文件夹下
在/etc/nginx中的nginx.conf引用说明。

1，项目打包。将打包后的static.zip包上传到服务器上，放置位置：/usr/share/nginx/html/newProject

2，/etc/nginx中的nginx.conf文件
在http{
include /etc/nginx/conf.d/*.conf; //添加
}
3，/etc/nginx/conf.d文件下新建geovis_online.conf

server {
    listen       80;
    server_name  new.online www.new.online;
    root   /usr/share/nginx/html/newProject/vue;
    location / {
        try_files $uri $uri/ /index.html;
        index  index.php index.html index.htm;
    }
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html;
    } 
}

说明：
1）：new.online www.new.online; //定义的域名
本地环境想访问linux中域名，需要再C:\Windows\System32\drivers\etc\hosts文件中定义：
linux环境ip地址 new.online www.new.online
//可在cmd中 ping new.online 能够ping通，说明成功。
2）：root /usr/share/nginx/html/newProject/vue; //vue的static文件放置位置
3）：location规则：https://blog.csdn.net/zzw6236056/article/details/69205978
4）：try_files $uri $uri//index.html;表示：tr{y}_{f}iles的第一个‘$uri’代表nginx会去硬盘的对应路径寻找文件，如果能找到，则向下执行location块中的内容。
如果找不到，则尝试在访问的uri后面追加‘/’，并继续在硬盘中寻找对应目录，处理同上，否则将这次请求内部重定向到最后一个参数，也就是返回index.htm。

一个坑，请注意：
访问‘new.online/Map‘时，若没有配置’$uri/‘则nginx只会去找对应的Map文件，而不会找Map目录。
若访问’new.online/Map/‘，nginx只会去找对应的Map目录，而不会找Map文件。
也就是说若没有try_files这项配置，nginx会完全按照请求的uri去硬盘中找文件（不以’/‘结尾）或目录（以’/‘结尾），不会擅自加添或去掉’/’。

另一个坑：
定义的域名：new.online www.new.online;
刚开始定义为geovis.online.new 全程不报错，但是怎么都访问不了，最后换成了geovis.new.online 问题解决。

4，
。。在linux环境，进入到文件夹/etc/nginx/conf.d，查看文件geovis_online_new.conf
指令： more geovis_online_new.conf
。。无误后，查看文件是否正确
指令：nginx -t
。。成功返回：
nginx: the configuration file /etc/nginx/nginx.conf syntax is ok
nginx: configuration file /etc/nginx/nginx.conf test is successful
。。重新加载配置文件
指令：nginx -s reload
无反映，成功。
刷新界面查看文件。