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

 原因:不能有数字

换成:

 

 搞定

编程菜鸟,有错误请指正,感谢

        

 

Logo

前往低代码交流专区

更多推荐