Here api 这里映射了CORS与自动完成的问题
我想在我的项目中使用heremaps autocomplete。 但是当我发送一个像文档中那样的请求时Here api 这里映射了CORS与自动完成的问题,here-api,Here Api,我想在我的项目中使用heremaps autocomplete。 但是当我发送一个像文档中那样的请求时 this.axios.get('http://autocomplete.geocoder.api.here.com/6.2/suggest.json ?app_id={YOUR_APP_ID} &app_code={YOUR_APP_CODE} &query=Pariser+1+Berl &beginHighlight=<b> &
this.axios.get('http://autocomplete.geocoder.api.here.com/6.2/suggest.json
?app_id={YOUR_APP_ID}
&app_code={YOUR_APP_CODE}
&query=Pariser+1+Berl
&beginHighlight=<b>
&endHighlight=</b>'
)
.then(response => {
console.log(response)
})
.catch(error => {
console.log(error)
})
在网络面板的Chrome开发者控制台中,我检查了这个
Provisional headers are shown
Access-Control-Request-Headers: x-auth-token, content-type
Access-Control-Request-Method: GET
我将请求头中的内容类型设置为application/json,并更改了临时头
to Access-Control-Request-Headers: x-auth-token
Access-Control-Request-Method: GET
所以,如果我理解正确,我应该设置x-auth-token头。但是我可以把这个代币带到哪里?
或者这个问题还有其他原因吗
文档中没有关于此类问题的内容。临时安装google chrome插件。。安装后,您可以显示右上角单击该按钮并切换按钮,然后刷新,然后再次调用您的api并获得响应。问题很简单,而且有点愚蠢。 当用户在我的应用程序中进行身份验证时,我将默认标题添加到axios
axios.defaults.headers.common['X-Auth-Token'] = token
因此,此标头已发送到所有请求
但是这里MapAPI不希望请求中包含这个头,这就是问题的原因。
解决方案是从请求到此处映射API中删除此标头。对于默认定义标头的用户:
'Content-Type':'application/json'
您必须停用它,对此处API服务的调用请求上不应有任何HttpHeader。您能粘贴浏览器javascript控制台中记录的所有错误吗?选项?{…}405访问位于{…}的XMLHttpRequest“来自源”已被CORS策略阻止:对飞行前请求的响应未通过访问控制检查:它没有HTTP ok状态。CORS策略已阻止从源站“”访问“?{}”处的XMLHttpRequest:对飞行前请求的响应未通过访问控制检查:它没有HTTP ok状态。我们这里有另一个JS API自动完成的示例:Hi-Irina,您找到了吗?因为我也碰到了这个问题。这里仍然没有响应支持,文档中也没有任何内容。谢谢这并不能完全回答这个问题,但这是一个解决办法。如果这段代码是为除作者以外的任何人而开发的,那么它可能不起作用。
axios.defaults.headers.common['X-Auth-Token'] = token