web建站教程
  1. 首页
  2. vuejs
  3. js
  4. 好玩
  5. seo教程
  6. 前端知识
  7. 百度echarts
  8. 更多
    php入门
    nodejs
    mockjs
    reactjs
    mysql
    wordpress
    织梦cms
    帝国cms
    git教程
    IT知识
    模板大全
    休息站

ajax接口不通,报“strict-origin-when-cross-origin”错误(原因分析并带解决方法)

6128 ℃
           

问题描述:页面批量调用接口,接口报错“strict-origin-when-cross-origin”错误。

原因一:

原因分析:网站当前访问是使用 https,而提交表单或 ajax 请求却使用的是 http,可以归类为跨域问题。只需要将表单或ajax请求由http也修改为https即可。

问题解答:谷歌浏览器,输入:chrome://flags/#block-insecure-private-network-requests,将 Block insecure private network requests 这个插件设置为 Disabled 就行了

原因二:(小编遇到的)

原因分析:

如果设置Header的ContentType为application/json,会分两次发送请求。

第一次先发送Method为OPTIONS的请求到服务器,这个请求会询问服务器支持哪些请求方法(GET,POST等),支持哪些请求头等等服务器的支持情况。等到这个请求返回后,如果原来我们准备发送的请求符合服务器的规则,那么才会继续发送第二个请求,否则会在Console中报错。

解决方法:

去掉application/json

vue如何实现数据请求(axios/ajax)

后台配置同源cors解决跨域问题

ajax调用中关于POST方法运用

ajax中post请求和get请求有什么不同

php语法如何判断是不是ajax提交

标签: ajax, 接口报错, 接口跨域

上面是“ajax接口不通,报“strict-origin-when-cross-origin”错误(原因分析并带解决方法)”的全面内容,想了解更多关于 js 内容,请继续关注web建站教程。

当前网址:https://ipkd.cn/webs_2426.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

当前位置: 网站首页 > js
本文共计489个字,预计阅读时长4分钟
生活小工具,收录了80多款小工具
上一篇: 介绍几款带有中国风古韵的免费可商用中文字体
下一篇: 推荐9款支持 Vue3 免费开源的前端 UI 组件库
x 打工人ai神器