Vue项目打包部署Nginx配置

单个站点

配置如下

server { listen 80; server_name  localhost; location / { root   /app; index  index.html; try_files $uri $uri/ /index.html; }
}

  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
 

其中:

/app 是网站根目录

部署多个站点

server {
  listen 80;
  listen 443 ssl http2; server_name www.demo.com; if ($ssl_protocol = "") { return 301 https://$host$request_uri; } # 前端
  location / { root /data/wwwroot/www; index  index.html; try_files $uri $uri/ /index.html; } # 后台 location ^~/admin { alias /data/wwwroot/admin; try_files $uri $uri/ /admin/index.html; } # 数据接口
  location /api { proxy_pass http://127.0.0.1:5000;
  }
}

  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
  
12
  
13
  
14
  
15
  
16
  
17
  
18
  
19
  
20
  
21
  
22
  
23
  
24
  
25
  
26
  
27
 

参考
https://cli.vuejs.org/zh/guide/deployment.html

文章来源: pengshiyu.blog.csdn.net，作者：彭世瑜，版权归原作者所有，如需转载，请联系作者。

原文链接：pengshiyu.blog.csdn.net/article/details/108170723