nginx部署vue项⽬刷新页⾯404解决⽅案 在niginx配置⽂件下 静态⽬录 加⼊
第⼀种
nginx部署前端项目root /xxx;
try_files $uri $uri/ /index.html;
第⼆种
location / {
if (!-e $request_filename) {
rewrite  ^(.*)$ /index.html?s=/$1  last;
break;
}
}
nginx 实现vue转发到具体的开发机
location ~ /*.*\.(js|css|jpg|jpeg|gif|png|ico|pdf|txt|woff|woff2)$ {
expires      30s;
proxy_pass 172.16.90.8:80;
}
location /{
proxy_pass 172.16.90.8:80;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
转发到具体的后端接⼝
location /prod-api
{
rewrite  ^.+prod-api/?(.*)$ /$1 break;
proxy_pass 172.16.90.8:18080;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header REMOTE-HOST $remote_addr;
add_header X-Cache $upstream_cache_status;
#Set Nginx Cache
add_header Cache-Control no-cache;
expires 12h;
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。