栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

在axios中设置授权标头

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

在axios中设置授权标头

此问题是由浏览器中的CORS
OPTIONS请求引起的,与axios无关。https://developer.nps.gov要求

Authorization
所有HTTP请求(包括OPTIONS)中的标头。但是,所有自定义HTTP标头都将从OPTIONS中排除,请参阅https://www.w3.org/TR/cors/#cross-
origin-request-with-preflight-0

国家公园服务API不需要

Authorization
OPTIONS请求的标头,但确实如此。无论如何,有一种解决方法:在您自己的后端中进行转发,接收来自浏览器的HTTP请求,从后端中的https://developer.nps.gov检索数据,最后将其返回给浏览器。

实际上,从浏览器发送带有第三方授权密钥的HTTP请求绝对不是一个好主意-这种设计会将您的National Park Service
API密钥暴露给所有访问该页面的人,这当然是很危险的事情。


您的第一个解决方案(axios默认标头的配置API密钥)是可以的。我尝试使用自己的API密钥和您的URL,响应代码为200 OK。

对于第二种解决方案,该

config
对象应用作
headers
axios语句中的字段。该代码将是:

axios.get('https://developer.nps.gov/api/v0/parks?parkCode=yell', {headers: config})


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/448881.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号