记首次部署vue到nginx的location匹配设置的错误
1、vue使用history路由模式,在设置了try_files后,刷新页面依然404location / {roothtml/dist/;indexindex.html index.htm;# vue的路由并不是真实物理路由,所以用try_files,路径都指向根目录下的index.htmltry_files $uri $uri/ /index.html;# vue-cli官网介绍设置这条可以解
·
1、vue使用history路由模式,在设置了try_files后,刷新页面依然404
location / {
root html/dist/;
index index.html index.htm;
# vue的路由并不是真实物理路由,所以用try_files,路径都指向根目录下的index.html
try_files $uri $uri/ /index.html;# vue-cli官网介绍设置这条可以解决history路由的问题
}
仔细排查发现,只有特定页面才会如此,路由path带有Api,如下:
然后突然想到,我在nginx设置了 location /api,如下:
location /api {
proxy_pass https://localhost:44370/api/;
}
改为:location /api/ 后刷新无404
原因:应该是 / 的匹配规则不区别大小写。至于为什么会先匹配下面的,我记得location是先匹配最长的,具体复制在下面:
(location =) > (location 完整路径) > (location ^~ 路径) > (location ~,~* 正则顺序) > (location 部分起始路径) > (/)
2、在没有匹配规则冲突的情况下,做ajax跨域请求时,不报跨域错误,但报错405
原因:不能有数字
换成:
搞定
编程菜鸟,有错误请指正,感谢
更多推荐
已为社区贡献1条内容
所有评论(0)