root /wwwroot/front;
location / {
#root html;
try_files $uri $uri/ @router;
index index.html index.htm;
}
location @router {
#处理二级路由在页面刷新后报404问题
rewrite ^.+(?<!js|css|png|map)$ /index.html break;
#rewrite ^.*$/index.html last;
}
#解决index页面中静态文件路径问题
location ~ .*\.(css|js|gif|jpg|png|bmp|swf|jpeg|ttf|ico|woff)$ {
rewrite ^(.*)/syzz(.*)$ $1$2;
}
nginx 发布vue项目
本文介绍了使用Nginx发布Vue项目时解决SPA路由刷新404问题的配置方法，包括try_files指令、@router命名位置和rewrite规则，以及处理静态资源路径重写。配置确保二级路由刷新正常，并修正CSS/JS等静态文件路径问题。
作者：zhuge···预计阅读 2 分钟·947 阅读·0 评论
评论