在vue项目中调用百度OCR 识别银业执照、银行卡等,产生了跨域问题。
开发环境:
解决:
config/index.js
添加内容:
'/baiduApi': {
target: 'https://aip.baidubce.com', //访问地址
changeOrigin: true,
secure: false, //只有代理https 地址需要次选项
pathRewrite: {
'^/baiduApi': ''
}
}
原API接口:请求URL: https://aip.baidubce.com/rest/2.0/ocr/v1/bankcard
再使用时变成:url:/baiduApi/rest/2.0/ocr/v1/bankcard?access_token=
+that.access_token,
https://aip.baidubce.com =》 /baiduApi
改变配置文件要重启生效。
但是,这个方法仅在开发环境生效。
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
生产环境:
方法带验证。
OCR识别图片编码问题
开始传png格式的图片报格式错误。
解决:base64编码需要去掉头。
imgBase = imgBase.replace(“data:image/jpeg;base64,”, “”).replace(‘data:image/png;base64,’, ‘’);