最近项目加了一个批量上传的功能,本地实测后没问题,上线后发现有问题,上传的API报了405 not allow
一顿分析后发现问题来自于线上部署用到的nginx, 这个错误的原因就是nginx不允许用户使用post请求访问静态资源,那么我们就需要在nginx把这个请求判为405 error后去做转发,转发到对应的后端接口上面去。
如下配置:
location / {
root /www/vue-dist;
try_files $uri $uri/ @router;
index index.html;
error_page 405 =200 @405;
}
location @405 {
proxy_pass http://127.0.0.1:8081$request_uri;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
上面的@405块内必须要加上请求头的设置,否则转发过去的请求不会带上原来的数据。