https://aip.baidubce.com/oauth/2.0/token报错blocked by CORS policy

编程入门 行业动态 更新时间:2024-10-18 12:21:48

https://aip.baidubce.com/oauth/2.0/token<a href=https://www.elefans.com/category/jswz/34/1771188.html style=报错blocked by CORS policy"/>

https://aip.baidubce.com/oauth/2.0/token报错blocked by CORS policy

  • 还是跟以前一样,我们先看报错点:(注意小编这里是H5解决跨域的,不过解决跨域的原理都差不多)

Access to XMLHttpRequest at '.0/token' from origin 'http://localhost:8000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

  •  很明显,上面有CORS,让我们想到了跨域的问题。
  • 前后端对接的时候跨域问题这么常见,小编为什么还要把这个问题拿出来再单独发一篇呢。该跨域问题是在调用百度云接口的时候出现的,在我们查看文档或者看别的人写的时候url也是直接写上去的,如下:(小编也是刚开始就直接使用了,所以导致我报错)
uni.request({url: '.0/token',
})
  • 那么解决的方法是什么呢:(配置代理服务器解决跨域) 

        -- manifest.json里的h5配置项如下配置:

"h5" : {"devServer" : {"port" : 8000,"disableHostCheck" : true,"proxy" : {"/baiduApi" : {"target" : "", // 需要跨域的域名"changeOrigin" : true,"secure" : false,"pathRewrite" : {"^/baiduApi" : ""}}}},
}

         -- 调用url处如下写:

uni.request({url: '/baiduApi/oauth/2.0/token',
})
  • 原理看小编该文章:

Vue中利用代理服务器解决跨域问题_vue代理跨域_❆VE❆的博客-CSDN博客

  • 完整代码

uniapp: 前端利用百度云OCR实现文字识别(身份证识别功能,别的功能类似)-CSDN博客

更多推荐

https://aip.baidubce.com/oauth/2.0/token报错blocked by CORS policy

本文发布于:2023-11-30 08:06:43,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1649315.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:报错   oauth   baidubce   https   aip

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!