javascript - 如何使用带有 api 密钥的 axios get/post 请求?
问题描述
我目前正在尝试为我公司的 Web 应用程序实现 API,并且我希望能够向其端点发出 GET 和 POST 请求以检索和添加信息。我尝试在 Postman 中首先发出这些请求,以确保我们的 apikey 正常工作,并且请求成功。所以我想在我们的 Web 应用程序中实际实现它之前,我会从小处着手并创建一个 jsFiddle,但我遇到了一个小问题。当我尝试运行我的 jsFiddle 代码时,我得到了错误“对 XMLHttpRequest 的访问已被 CORS 策略阻止”
我不太了解 axios 以及您是否甚至可以在他们的请求中使用 API 密钥,但是我需要 API 密钥才能从不同的端点检索任何信息。
如果有人能帮助我理解我哪里出错了,那将不胜感激,谢谢。
我的小提琴
const url = "https://someurl/api/ping"
const apiKey = "MY-KEY"
axios.get(url, {
headers: {'X-API-KEY': apiKey}
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
我希望能得到回应,但我得到的只是那个错误代码。在 Postman 中工作正常,但我使用 JSON 作为原始正文,所以我不确定为什么 axios 不起作用。
解决方案
推荐阅读
- javascript - 如何在单个 html 页面上添加反应
- python - Python - 如何解析 xml 响应并将元素值存储在变量中?
- laravel - Laravel 不会在刷新时在“迁移”表中创建记录
- android - 如何定义导航操作的默认动画?
- meteor - Meteor 升级到 1.6.1.1 会生成 MaxListenersExceededWarning
- angular - Angular中的多个模板引用变量
- swift - 你如何在 Swift 中获得网站的平均背景颜色?
- ios - 如何在表格视图单元格中重复图像?只有 5 个图像我只想重复图像,它应该只包含 100 行
- python - 如何使用 Beautifulsoup 获取所选节点的文本
- qt - QML - 设置宽度和高度没有效果