前后端分离项目-前端vue部署在服务器中nginx

关于CentOS 7 下nginx的安装，参考了博客https://blog.csdn.net/u012373815/article/details/54911332 简单便捷，推荐！

1.nginx启动之后，使用命令查看 ：ps -ef|grep nginx

2.在服务器目录/etc/nginx/conf.d/中增加一个项目的配置文件，随便起个名字：test.conf，使用vi test.conf编辑内容：

server {
     listen 8881; #vue前端的端口
     server_name  00.00.00.213:8881; #vue前端访问外网ip地址

     location / {
           root   /opt/local/prop/dist; #vue文件服务器目录
           index  index.html index.htm;
     }
}

注意：“vue文件服务器目录”指的是vue编译后的dist文件下的内容存放目录，可自定义！

3.保存之后重启nginx服务：nginx -s reload

4.在浏览器中输入配置里的server_name，即可访问前端页面 http://00.00.00.213:8881