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

本文主要是介绍bug: https://aip.baidubce.com/oauth/2.0/token报错blocked by CORS policy，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

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

Access to XMLHttpRequest at 'https://aip.baidubce.com/oauth/2.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: 'https://aip.baidubce.com/oauth/2.0/token',
})

• 那么解决的方法是什么呢：（配置代理服务器解决跨域） 

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

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

         -- 调用url处如下写：

uni.request({url: '/baiduApi/oauth/2.0/token',
})

• 原理看小编该文章：

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

• 完整代码

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

这篇关于bug: https://aip.baidubce.com/oauth/2.0/token报错blocked by CORS policy的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---