前言

上篇说到如何配置Nginx负载均衡、upstream中备用server及静态黑命单，本篇是Nginx专栏第四篇， 记录如何用Nginx代理一个Vue项目。正在学习Ngxin的同学，可以订阅下Nginx专栏, 咱们一步步由浅至深精通Nginx。

一、上传Vue打包后的文件dist

二、编辑nginx.conf

> vim /usr/local/nginx/conf/nginx.conf
  http {
		server {
			listen       80;  
			server_name  *.domain.cn;  # 你自己的域名
			root   /data/web/myvue/dist;  #vue文件dist的完整路径
			sendfile        on;
			tcp_nopush      on;
			default_type text/html;
			
			location / {
				index  /index.html;
				try_files $uri $uri/ /index.html;
	        }
	
			error_page   500 502 503 504  /50x.html;
			location = /50x.html {
				root   html;
			}
		}
  }
> /usr/local/nginx/sbin/nginx -t    # 测试成功再执行下面的语句
> /usr/local/nginx/sbin/nginx -s reload   

三、 访问查看效果

总结

本篇是Nginx专栏第四篇， 记录如何用Nginx代理一个Vue项目。