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

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

6308 ℃

问题描述:页面批量调用接口,接口报错“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多款小工具
上一篇: 推荐一款简单高效漂亮的多平台笔记应用——Zoho Notebook
下一篇: 推荐2款充满科技感的艺术字体——小新黑体、小新潮酷体
x 打工人ai神器