52,797
社区成员
发帖
与我相关
我的任务
分享Ajax跨域访问，options预检请求无法通过后台权限，导致返回403，500等错误
Ajax跨域访问，options预检请求无法通过后台权限，导致返回403，500等错误，
网上找了很多，都是后台直接让options请求pass掉。这就让人很难受，就像是，前辈门为了让你住的安全，给你做了个门，结果你不知道钥匙，所以把门拆了。
所以想问一下大佬，是否有知道“钥匙”的，求告知，万分感谢
网上找了很多，都是后台直接让options请求pass掉。这就让人很难受，就像是，前辈门为了让你住的安全，给你做了个门，结果你不知道钥匙，所以把门拆了。
所以想问一下大佬，是否有知道“钥匙”的，求告知，万分感谢
...全文
请发表友善的回复…
发表回复
爱上布洛格的鸭鸭 2021-05-10
- 打赏
- 举报
请问最后怎么解决的???
qq_34430809 2019-10-16
- 打赏
- 举报
设置Nginx配置针对Options做单独处理：
server {
listen 80;
server_name xxx.com;
location /xxx-web/papi {
add_header 'Access-Control-Allow-Origin' $http_origin;
add_header 'Access-Control-Allow-Credentials' 'true';
add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
add_header 'Access-Control-Allow-Headers' 'DNT,web-token,app-token,Authorization,Accept,Origin,Keep-Alive,User-Agent,X-Mx-ReqToken,X-Data-Type,X-Auth-Token,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range';
add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-Range';
if ($request_method = 'OPTIONS') {
add_header 'Access-Control-Max-Age' 1728000;
add_header 'Content-Type' 'text/plain; charset=utf-8';
add_header 'Content-Length' 0;
return 204;
}
root html;
index index.html index.htm;
proxy_pass http://127.0.0.1:7071;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
proxy_connect_timeout 5;
}
location / {
root /var/www/xxx/wechat/webroot;
index index.html index.htm;
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}
槿畔 2019-03-20
- 打赏
- 举报
跨域的话，一般非框架开发建议使用nginx代理跨域（我博客文章有），还有就是webpack框架推荐自带的proxy（也有）。jsonp本身就是用于临时的get的请求，有很大的局限性，不适合开发
傻蛋丫 2019-03-19
- 打赏
- 举报
可以参考一下CROS、JSONP
不过不建议JSONP，请求方式只能是get
不过不建议JSONP，请求方式只能是get
風灬雲 2019-03-19
- 打赏
- 举报
options 出现的情况是 请求跨域 并且带了自定义的header;如果说不想让后端修改原先的代码或者说后端是第三方接口无法修改；那么只能在自己的服务器上搭建代理服务器；
