PUT请求 出现401，且Request Method变成了OPTIONS。No 'Access-Control-Allow-Origin' header

Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

 

发送PUT的请求，出现了OPTIONS请求的跨域错误，这是为什么呢？

原来是跨域的时候，对于PUT、POST、DELETE请求，浏览器会先发起一个options请求进行测试连接。当options请求返回200之后才会正式发起PUT、POST、DELETE请求。

所以解决这个问题就是保证options请求测试连接是正常的。

解决方法：

1.如果使用nginx，则配置对options请求测试连接的处理

        location ^~ /manage-api/ {

            if ($request_method = 'OPTIONS') {

                add_header Access-Control-Allow-Origin $http_origin always;
                add_header Access-Control-Allow-Credentials true always;
                add_header Access-Control-Allow-Methods 'GET,POST,PUT,DELETE,OPTIONS' always;
                add_header Access-Control-Allow-Headers 'Authorization,X-Requested-With,Content-Type,Origin,Accept' always;
                add_header Access-Control-Max-Age 3600;
                add_header Content-Length 0;
                return 200;
            }

           proxy_pass   http://localhost:8068;

    ｝

2.也可以在代码中对OPTIONS请求进行过滤，直接返回200

来源：CSDN

作者：xjj1314

链接：https://blog.csdn.net/xjj1314/article/details/103596160