Here api 这里映射了CORS与自动完成的问题

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> &

我想在我的项目中使用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>
  &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