nginx部署(Springboot-Ant Design Pro of Vue)
gzip config 优化vue打包发布chunk-vendors过大问题
# gzip config 优化vue打包发布chunk-vendors过大问题
gzip on;
gzip_min_length 1k;
gzip_comp_level 6;
gzip_types text/plain text/css text/javascript application/json application/javascript application/x-javascript application/xml;
gzip_vary on;
gzip_disable "MSIE [1-6]\.";
部署在根路径
location / {
root /usr/share/nginx/html;
try_files $uri $uri/ /index.html;
}
存放目录根据情况自定义
部署带前缀
location /ant/ {
alias /usr/share/nginx/html;
try_files $uri $uri/ /ant/index.html;
}
解决history模式时,直接访问url会404的问题
location /ant/ {
....
try_files $uri $uri/ /ant/index.html;
}
注意有前缀的时候要带上前缀
完整配置
server {
listen 80;
server_name localhost;
# gzip config 优化vue打包发布chunk-vendors过大问题
gzip on;
gzip_min_length 1k;
gzip_comp_level 6;
gzip_types text/plain text/css text/javascript application/json application/javascript application/x-javascript application/xml;
gzip_vary on;
gzip_disable "MSIE [1-6]\.";
include /etc/nginx/mime.types;
location / {
root /usr/share/nginx/html;
try_files $uri $uri/ /index.html;
}
location /ant/ {
alias /usr/share/nginx/html;
try_files $uri $uri/ /ant/index.html;
}
# location /api {
# proxy_pass https://preview.pro.antdv.com/api;
# proxy_set_header X-Forwarded-Proto $scheme;
# proxy_set_header X-Real-IP $remote_addr;
# }
}