记首次部署vue到nginx的location匹配设置的错误

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

 原因：不能有数字

换成：

 

 搞定

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