Nginx部署VUE项目

Nginx部署VUE项目

1.安装nginx
2.输入nginx - t 查看nginx.conf文件地址.乌班图系统参考这里
3.修改配置文件如下

		server {
           		listen       80;#监听80端口
        		server_name  cce.aleteam.cf;#域名

		        location / {
		            root   /etc/nginx/vue/dist;#vue项目存放地址
		            index  index.html index.htm;
		        }
     
     	}

        server {
			listen 443 ssl;#监听443端口 用ssl证书
			server_name cce.aleteam.cf;#访问服务器的域名
			ssl_certificate /root/cert.crt; #服务器已经申请好的证书公钥存放地址
			ssl_certificate_key /root/private.key; #服务器已经申请好的证书私钥存放地址
			ssl_session_cache shared:SSL:1m;
			ssl_session_timeout 5m;
			ssl_protocols TLSv1 TLSv1.1 TLSv1.2; 
			ssl_ciphers ECDH:AESGCM:HIGH:!RC4:!DH:!MD5:!3DES:!aNULL:!eNULL;
			ssl_prefer_server_ciphers on;
	
			
			location / {
		     	root   /etc/nginx/vue/dist;#vue项目存放地址
	          	index  index.html index.htm;
	          }
	
	        location /xui/ {  # xui 是面板名，可区分不同后端工程 ，访问j就输入 域名/xui
				proxy_pass http://cce.aleteam.cf:7659/xui/;  # xui面板的直接访问地址  
		   	}
		
}

附录：Nginx常用命令

查看安装目录: nginx -t
重启nginx nginx -s reload

查看版本：nginx -v
查看进程  netstat -ltunp
杀死进程  kill pid

在nginx/sbin目录下启动   ./nginx
在nginx/conf目录下编辑文件nginx.conf    vim nginx.conf
 

部署多个vue项目