二级域名配置nginx vue history模式 注意：项目中的base 要和asset 对应上 也要和打出来的包的名字对应上

Vue history模式Nginx配置

vue开发使用history模式的时候Nginx相关的配置有如下两种：

1.此种配置直接使用的根域名，没有其他的二级路径，因此root直接指向目标文件夹，即包含index.html的文件夹路径

server {
　　listen 80;
　　listen 443 ssl;
　　server_name manager-qa.xxx.com;
　　ssl_certificate /etc/nginx/ssl/2319844__xxx.com.pem;
　　ssl_certificate_key /etc/nginx/ssl/2319844__xxx.com.key;
　　root /usr/share/nginx/;
　　#从系统时间中正则匹配出年月日
　　if ($time_iso8601 ~ "^(\d{4})-(\d{2})-(\d{2})") {
　　　　set $date $1$2$3;
　　}

　　# 日期记录日志
　　access_log /var/log/nginx/$date-manager-qa.xxx.com.access.log;

　　location / {
　　　　root /usr/share/nginx/manager/qa/dist/;
　　　　try_files $uri $uri/ /index.html;
　　　　index index.html;
　　　　add_header Access-Control-Allow-Origin *;
　　}
}

 

2.此种配置适合同一域名下的多个项目，用二级路径来区别，不过root不再指向项目文件夹而是它的上一级

server {
　　listen 80;
　　listen 443 ssl;
　　server_name m-qa.xxx.com;
　　ssl_certificate /etc/nginx/ssl/2319844__xxx.com.pem;
　　ssl_certificate_key /etc/nginx/ssl/2319844__xxx.com.key;
　　root /usr/share/nginx/;
　　#从系统时间中正则匹配出年月日
　　if ($time_iso8601 ~ "^(\d{4})-(\d{2})-(\d{2})") {
　　　　set $date $1$2$3;
　　}

　　# 日期记录日志
　　access_log /var/log/nginx/$date-manager-qa.xxx.com.access.log;

　　location /course {
　　　　try_files $uri $uri/ /course/index.html;
　　　　root /usr/share/nginx/qa/;
　　　　index index.html;
　　}

　　location /v2 {
　　　　try_files $uri $uri/ /v2/index.html;
　　　　root /usr/share/nginx/qa/;
　　　　index index.html;
　　}

}

 

 

 

 

location /asset {

root /data0/data1/wb-ad-asset/;

index index.html;

try_files $uri $uri/ /asset/index.html;

}

 

 

注意：项目中的base 要和asset 对应上 也要和打出来的包的名字对应上