尝试通过axios获取API，但不知道如何访问
要使用axios获取API，首先确保已经正确安装了axios
npm install axios或者使用yarn：
yarn add axios然后，您可以创建一个JavaScript文件（如api.js），并在其中编写以下代码：
// 导入axios库
const axios = require('axios');
// 设置API URL
const apiUrl = 'https://api.example.com/data';
// 发送GET请求
axios.get(apiUrl)
.then(response => {
// 请求成功，处理响应数据
console.log(response.data);
})
.catch(error => {
// 请求失败，处理错误信息
console.error('Error fetching data:', error);
});请将apiUrl替换为您要访问的实际API URL。
最后，在命令行中运行以下命令以执行api.js文件：
node api.js如果一切正常，您应该能够在控制台中看到从API获取的数据。如果遇到任何错误，请检查API URL是否正确以及您的网络连接是否正常。
此外，如果您使用的是现代前端框架（如React、Vue或Angular），您可能需要在组件中调用API并在状态管理中处理响应数据。在这种情况下，您可以将上述代码封装在一个自定义函数中，并在需要的地方调用该函数。
相关·内容
我有一个带有3个子组件的父动态组件Forms.vue：form1，form2，form3。我尝试像这样将道具传递给form2：
<forms source="/api/data" title="form2"/>
在form2组件中，我尝试使用Axios对source URL执行post操作，但不起作用：this.source返回undefined。
浏览 0提问于2017-11-02得票数 0
1回答
React Django应用程序。用户通过Axios PUT提供用户名和密码，如果返回正确的JWT和用户名，则两者都存储在sessionStorage中。然后，用户被自动路由到/home，后者应该填充特定于用户的信息。
/home的componentWillMount()应该通过Axios (数据库中的/home的内容)进行GET。有些是静态的，有些是与用户相关的，例如first_name。我试图将用户名与JWT一起发送以检索这些信息，但不确定如何检索。
这就是我正在检索的静态内容，如欢迎消息。只想将username发送到，这样我就可以添加逻辑服务器端来检索这个用户的信息并在响应中发送回来。
浏览 3提问于2017-11-10得票数 1
回答已采纳
我有使用React的经验，但我对使用Hooks非常陌生。我正在做一个从NHL API检索统计数据的项目。我正在建立一个网站，允许用户查看曲棍球球队的统计数据。我用React-Router设置了我的项目，这样每个球队的统计页面就是球队的名称，例如/rangers是纽约流浪者队的页面，/capitals是华盛顿首都的页面，等等…… NHL API的团队统计端点看起来像这样的https://statsapi.web.nhl.com/api/v1/teams/3/roster。teams后面的数字表示您要搜索的团队。此查询中的3表示New York Rangers端点。我已经创建了一个对象来存储团队
浏览 59提问于2020-05-04得票数 1
回答已采纳
1回答
你好，我正在用axios和NUXT从API中获取数据.我可以获得大部分数据，但不能获得"measurements“中的数据，比如”标签“，”有人可以解释我如何进入这个平方数组来获取标签数据？“会是great...Thank你
下面是axios脚本：
<script>
import axios from 'axios'
export default {
layout: 'women',
data() {
return {
results: []
}
},
async mounted() {
await
浏览 5提问于2020-11-04得票数 0
回答已采纳
我想从我的服务器检索授权图像，我尝试了这个解决方案，但不起作用，如何解决这个问题？
从‘axios’导入axios；从‘@ AsyncStorage -native-community/async-storage’导入axios；
const instance = axios.create({
baseURL:'http://130b57da660e.ngrok.io'
});
instance.interceptors.request.use(
async (config)=>{
const token = await AsyncSto
浏览 2提问于2021-06-06得票数 0
如何编写函数来调用API，从web服务器到服务器本身的API。我不想让浏览器知道他正在调用API或有关API的信息，甚至是链接。API调用(POST方法)应该在服务器上执行。
在axios中使用Nextjs。我还希望函数是一个组件。
浏览 7提问于2022-05-30得票数 -1
1回答
我正在尝试编写一个Firebase Cloud函数来向用户显示推送通知。首先，我在Firestore数据库中创建通知，然后调用Firebase Cloud函数向用户发送推送通知。问题是我真的不知道如何将参数传递给Cloud函数 我像这样调用函数： import { sendNotificationToUser, sendNotificationToNonUser } from '../../api/PushNotification';
export function createNotification(values, callback) {
return async
浏览 10提问于2021-07-28得票数 0
回答已采纳
我有一个在Docker上运行的Tensorflow SavedModel。我在Docker Quickstart终端中使用了以下命令，它可以工作，给我预测和概率。 curl -d '{"examples"：{“Feature”："abcdefghi"}}‘-X POST http://192.168......:8501/v1/models/exports:classify 我打算让Dialogflow访问Docker Container来从这个SavedModel获取预测。我该怎么做呢？ 我注意到Naresh Ganatra使用Youtube上的ax
浏览 7提问于2019-03-08得票数 1
我需要一些帮助..。
我正在尝试连接到MS Dynamics (2016)的前提数据库。它面向互联网(IFD)，使用adfs 3.0对用户进行身份验证。
现在，当我尝试使用webbrouwser连接到api时，会出现一个smal登录表单，它允许我输入用户名和密码。当我提交这些凭据时，当我在R中尝试下面的代码时，浏览器会用漂亮的json代码打开一个页面
library(httr)
result <- GET(
"https://xrm.company.nl/Company/api/data/v8.2/some=query",
config = authenti
浏览 1提问于2019-09-27得票数 1
1回答
我一直在研究OAuth，并尝试在我的web应用程序中使用OAuth。
我正在用React和Express开发web，它们由不同的端口托管。Express导出REST API，React使用Axios发送HTTP请求和接收HTTP响应。
我一直在搜索解释OAuth使用方法的示例，然而，大多数示例都解释了由一个端口托管的web。我想知道如何在这种web应用程序中使用OAuth。在web从授权服务器获取AccessToken之前，我不能清楚地了解流程。
在另一个域上使用REST API服务器的web的OAuth流是什么？
浏览 0提问于2020-11-08得票数 0
这个问题可能听起来令人困惑，但我的意思是，我有两个组件，它们根本不是父子组件，这是第一个组件： import React from 'react';
import {Link} from 'react-router-dom';
class Test extends React.Component {
render() {
const slug="NewYork"
return (
<Link to={`/TestRoute/${slug}`}>
浏览 22提问于2020-04-09得票数 1
回答已采纳
1回答
我对laravel和vueJS的CORS有问题。我需要发送参数到其他网站与我的应用在拉拉，但始终返回错误CORS。我尝试创建一个中间件，但我不知道如何用它实现我的路由。
我尝试过将index.php中的标题添加到Laravel，返回的CORS，我绑定了添加这段代码在petetition中。
let url = "/contrarBono30Min";
let bono = "Bono30Min";
axios.defaults.headers.common['Access-C
浏览 0提问于2020-10-30得票数 0
回答已采纳
我正在尝试在Vue中获取多个API URL调用。 我尝试了一次API URL调用，它起作用了。当我尝试使用多个调用时，它不起作用。 它在以下方面发挥了作用： async asyncData({ $axios }) {
let { data } = await $axios.$get("/Userslist");
return {
Userslist: data,
};
},
computed: {
UserCount () {
return Object.keys(this.Userslist).length;
},
} <p&g
浏览 24提问于2020-10-19得票数 1
回答已采纳
1回答
我正在使用一个包含卡片的API。为了调用这个API，我使用了Axios。到目前为止还不错，但是我想返回deck_id，因为某种原因它不能工作。我得到一个错误"this.state.card.map不是一个函数“
以下是我的当前代码：
import React from "react";
import axios from "axios";
const CARD_API = "https://deckofcardsapi.com/api/deck/new/shuffle/";
export default class PersonList
浏览 1提问于2020-05-11得票数 0
回答已采纳
您将如何在Vuex中设置动态axios调用？例如，/api/data/{ id }，其中id从laravel数据库链接到用户id。
浏览 0提问于2020-11-12得票数 0
回答已采纳
我正在使用Swagger/OpenAPI Codegen为我的Vue应用程序中的Fetch客户端生成API客户端，并希望使用Axios。我从使用OpenAPITools typescript-axios代码生成器开始： java -jar .\openapi-generator-cli.jar generate -i http://localhost:5000/swagger/v1/swagger.json -g typescript-axios -o app\api 然后，我尝试将键入的响应赋给相同类型的局部变量： @Component
export default class Theme
浏览 86提问于2019-03-18得票数 7
回答已采纳
1回答
我正在尝试从nuxt-向vuex store发送多个API调用。我已经尝试了单个api，并且工作得很好，但是如何访问多个API？
// middlewear/log.js
import axios from 'axios';
export default function ( {store} ) {
return axios.get(`http://my/api`)
.then((response) => {
console.log(response.data);
store.commit('add', resp
浏览 0提问于2018-08-15得票数 0
我使用 API .While使用POSTMAN并使用POST创建新员工，当我在React Native中使用axios并执行与POST返回成功响应相同的操作时，似乎可以使用.But，但当我尝试使用GET方法获取所有新员工时，我看不到新创建的员工在POSTMAN上工作这是我的POST方法
create(){
axios.post('http://dummy.restapiexample.com/api/v1/create',{
"name":this.state.name,
"salary":this.state.s
浏览 0提问于2020-06-16得票数 0
1回答
我挣扎着使用Axios，而useRoute使用Axios和Composition。下面是关于如何在使用选项API中使用它的代码，如何重新创建它，Vue-路由器文档目前还没有很好的文档。
async created() {
const result = await axios.get(`https://localhost:5001/api/artists/${this.$route.params.id}`
);
const artist = result.data;
this.artist = artist;
},
浏览 1提问于2021-04-30得票数 0
回答已采纳
如何将导出的axios模拟为默认函数？
我有一个api助手，它用axios()泛化api请求。
api.js
export const callApi = (endpoint, method, data = {}) => {
return axios({
url: endpoint,
method,
data
})
.then((response) => // handle response)
.catch((error) => // handle error)
};
api.spec.js
import axios from
浏览 2提问于2018-09-11得票数 9
回答已采纳
1回答
我有个问题。
在使用Vue列出数据时，我希望使用自旋器。但不是通过提供setTimeout，我希望文本加载在数据实际加载过程中出现，并在浏览器完成加载过程时卸载。
我怎么能这么做？
// Project List
getAllList: function(){
setTimeout(()=>{
axios.get('api.php')
.then(function(response){
//console.log(response);
app.listContent = response.data.listPro;
浏览 1提问于2020-11-11得票数 0
回答已采纳
我使用VueJS进行的简单SPA实践要求我听一个API并将它的一些数据保存在浏览器的localStorage中，但是我对VueJS还不太熟悉，所以我不知道如何获取特定的数据并将其保存到LS，以便日志记录的用户稍后可以看到他们的信息。
API检索大量信息，目前我只想获得用户的电子邮件和名称。
这是目前为止的代码：
<script>
import axios from 'axios';
import jsonpAdapter from 'axios-jsonp';
export default {
data() {
浏览 0提问于2018-09-30得票数 2
回答已采纳
3回答
当我在netlify上部署mysite时，成功地部署了它。但不起作用。当我检查的时候，我发现我的应用程序还在点击本地主机。我的问题是如何声明环境变量？我是新来的..。
Axios档案-
import axios from 'axios'
import store from '../store/index'
export default ()=>{
return axios.create({
baseURL:process.env.VUE_APP_API_BASE_URL ||
process.env.API_BASE_URL ||
浏览 4提问于2020-01-12得票数 2
1回答
我将saga实现为 import { put, takeLatest } from 'redux-saga/effects';
import axios from 'axios';
import { FETCH_CARD_LIST_DATA_FROM_API, SET_CARD_LIST } from
'./CardList.actions';
import constants from '../../../../constants';
export default function * fetchCardListSag
浏览 13提问于2019-03-09得票数 2
1回答
在我正在构建的当前应用程序中，我有一些不熟悉的API调用。它需要几个参数来设置下面的API，目前基于窗口中的子域，它会获取url参数来创建第一个API调用。之后，我使用Vuex存储来存储组织数据的相关信息。 我目前正在尝试设置授权，不幸的是，由于它在nuxt.config.js中，我不能从vuex存储中动态添加数据。以下是我设置的策略的一个示例。我目前使用的是本地默认策略，但不想让url请求动态化： nuxt.config.js /*
** Nuxt.js modules
*/
modules: ['@nuxtjs/axios', '@nuxtjs/
浏览 13提问于2020-06-20得票数 1
我正在将axios与REACT结合使用，并想知道如何使用它通过我设置的后端节点/express API发出更新对象的put请求。
我需要能够传递一个id和一个body，但不确定如何做到这一点。
axios.put('/api/profile', id, body)
.then(response => {
console.log(response.data);
})
.catch(err => {
console.log(err);
});
我不认为这会起作用，因为它需要put(url, data, {headers})的参数
浏览 2提问于2017-09-01得票数 1
回答已采纳
3回答
在提出这个问题之前，我确实看过其他类似的问题，但到目前为止，这些问题都没有起到帮助作用。
我有一个使用axios对节点后端使用express和express会话进行api调用的react前端。一旦我在前端输入登录信息，我就将其发送到后端，在后端设置会话，并将响应返回到我在localStorage中设置的用于客户端验证的前端。
当我尝试在登录后从前端访问受保护的api端点时，会话中没有我设置的任何信息，因此给出了一个错误。但是，如果我尝试从postman登录并访问受保护的端点，它就会运行得非常好。
下面是我的快速会话配置：
router.use(session({
secret: 'n
浏览 2提问于2018-03-19得票数 0
回答已采纳
有谁知道如何为谷歌联系人api v3获取谷歌刷新和访问令牌？我可以认证，同步我的联系人，但不知道当我的访问令牌过期时会发生什么，并且永远不会从google api获得刷新令牌。
有没有人有这个问题？
浏览 2提问于2013-09-23得票数 1
我有一个反应网络应用程序，需要访问托管在Azure的ASP.NET核心应用程序接口。这两个应用程序都受到Azure AD的保护。我已在Azure AD应用注册中单独注册了这些应用。我已经公开了给我这个作用域的API : api://{api_azure_client_id}/user_impersonation -这个作用域允许用户和管理员都同意。我单独注册了react应用程序，并授予它访问暴露的API作用域的权限。
我正在使用MSAL获取令牌。我可以成功签名，但我不知道如何获取调用接口的access_token。我在跟着走。使用钩子的决定受到了的启发
MSAL配置：
export const
浏览 0提问于2020-02-21得票数 0
如果可能的话，我想使用axios获取公开共享的谷歌文档的内容。我可以使用以下代码获得带有google API密钥的Google工作表内容。 const url = "https://sheets.googleapis.com/v4/spreadsheets/{SHEET_ID}/?key={API_KEY}&includeGridData=true";
axios.get(url)
.then(res => {
// Something
}); 我尝试了同样的方法，通过下面的URL获取google文档，但不起作用。https://doc
浏览 34提问于2021-02-07得票数 0
回答已采纳
这是可能的吗?如何实现？我尝试了fb graph，api，javascript sdk，但不知道如何查看朋友的电子邮件，只有姓名和id可用。
twoo.com和netlog.com可以查看我的朋友的电子邮件，并从*@twoomail.com直接向他们发送邀请电子邮件
浏览 2提问于2012-01-22得票数 0
我正在尝试保存卡的详细信息，以便以后使用。
我已经生成了SetupIntent客户端密钥
我正在尝试使用确认卡设置。
我正在遵循react的文档。
下面这行代码：
const cardElement = this.props.elements.getElement('card')
抛给我这个错误：
TypeError: Cannot read property 'getElement' of undefined
我哪里错了？我的代码如下:这是主组件的相关部分：
import React from "react";
import { Element
浏览 0提问于2019-12-29得票数 2
我有以下代码
import React, { Component } from "react";
import { Link } from "react-router-dom";
import swal from "sweetalert";
import axios from "axios";
class Journal extends Component {
constructor() {
super();
this.state = {
journal: {
title:
浏览 2提问于2019-11-04得票数 0
我现在正在学习vue js，并尝试使用axios从这个站点https://reqres.in/获取API数据。我想把像电子邮件，名字这样的数据放进卡片里。它没有显示错误，因为卡片正在循环，但数据本身，如电子邮件和姓名，没有显示出来。我该如何解决这个问题？ 这是我的脚本 data() {
return {
users: [],
};
},
methods: {
setUsers(data) {
this.users = data;
},
},
mounted() {
axios
.get("
浏览 14提问于2021-07-23得票数 0
回答已采纳
在Azure API入站策略中，如何检索应用程序洞察operationId字段。
尝试在入站xml中使用following，但不起作用。context.Variables["InvocationId"]也尝试过。
@{
return (context.Operation.Id);
}
浏览 16提问于2018-08-09得票数 0
回答已采纳
我的Vue应用程序有一个Django REST框架API后端。我正在尝试为匿名用户使用Django会话，但是Django没有发送或者Axios无法读取会话cookie。 正在通过检查Session.objects.all().count()创建新会话 我正在尝试使用JWTAuthentication存储购物车数据，使用SessionAuthentication存储匿名用户。 # settings.py
CORS_ALLOW_CREDENTIALS = True
CORS_ORIGIN_WHITELIST = (
'localhost:8080',
'
浏览 19提问于2019-03-28得票数 4
回答已采纳
我目前正在使用Axios进行API调用，并使用Redux存储来保存我的JWT令牌，比如我的访问令牌。
下面是我当前的Axios实例的一个示例：
ProductionInstanceAPI.js
import axios from 'axios';
export default axios.create({
baseURL: `https://my.app/`,
});
在我的一个反应页面中，它是这样使用的：
Predictions.js
import ProductionAPI from '../../ProductionInstanceAPI';
imp
浏览 2提问于2021-09-15得票数 2
1回答
我正在使用Axios注册到我们的服务器。现在恢复得很好。但是，我不知道如何从单独的url检索access token。
注册请求如下所示：
let settings = {
url: "https://api.dev.etcetc.com/user/signup",
data: {
Username : username,
Password : password },
method: 'POST',
headers : {
"Content-Type
浏览 0提问于2017-01-13得票数 0
2回答
Firebase函数是存储React应用程序API密钥的安全位置吗？例如，有关Firebase Cloud函数中的axios API调用，请参阅以下模板： cloud function template 编辑:添加文本代码片段。直接将API密钥存储在此代码片段中是否安全的问题，因为它是一个firebase云函数。 exports.getAlphaData = functions.https.onRequest((request, response) => {
const fetchAlphaData = async () => {
浏览 55提问于2020-12-03得票数 1
回答已采纳
我正在尝试使用Zomato API来搜索resturants，现在我正在尝试搜索console.log一些数据。在Zomato文档中，它给了我这个Curl和Request URL curl -X GET --header "Accept: application/json" --header "user-key: a725a13c0e61675a1eb07e3df050cd20" "https://developers.zomato.com/api/v2.1/search" 和 https://developers.zomato.com/api
浏览 7提问于2020-01-22得票数 0
2回答
在我的小react项目中，我需要在后续的api调用中使用来自一个api调用的id。我可以访问第一次调用的数据，但不知道如何在第二次调用中使用它。我尝试使用一个字符串来访问所有的ID，这样URL就可以直接从另一个API中选择每个ID，但它只是返回随机的ID。
下面是我的代码
import React, { Component } from "react";
import axios from "axios";
export default class Cat extends Component {
state = {
imagedata: [],
浏览 5提问于2021-01-06得票数 0
我正在尝试从Edamam API获取食谱营养信息。在接口文档中，cURL命令为：
curl -d @recipe.json -H "Content-Type: application/json" "https://api.edamam.com/api/nutrition-details?app_id=${YOUR_APP_ID}&app_key=${YOUR_APP_KEY}"
我正在使用Axios和Javascript尝试通过Post命令访问API：
import axios from "axios";
var postData =
浏览 3提问于2020-04-07得票数 1
1回答
所以我是Axios的新手，我试图制造一个不和谐的机器人，它从api网站获取信息并使用它。问题是所提供的数据如下：
{"status":1,"size":1,"result":[{"number":"9999",等等。
中的数据如何获取？我试过：
var teamNumber = response.data.result.number
但不起作用。我可以得到response.data.status，但不能获得result.number TLDR:如何从{"result":[{"number&#
浏览 0提问于2018-09-03得票数 0
回答已采纳
1回答
我在商店里有一个令牌，但我无法在我的axios插件中访问它。我过去只是在使用Vue时简单地导入商店，真的很难理解如何在Nuxt.js中做到这一点 我需要从我的商店访问一个令牌值，并在下面的“Authorization”属性中使用它。 这是我当前的代码； // /plugins/axios.js
import axios from 'axios'
import { state } from '../store'
export default () => {
const api = axios.create({
baseURL: p
浏览 31提问于2021-05-01得票数 0
回答已采纳
我有一个vue应用程序，它位于防火墙后面，可以控制身份验证。当您第一次访问应用程序时，您需要进行身份验证，然后您可以访问该应用程序，并且在身份验证到期之前一切正常。从我的应用程序的角度来看，我只知道当我使用axios发送一个API请求时，用户需要重新进行身份验证，而不是预期的有效负载，我收到了一个403错误，我捕捉到的内容如下：
import axios from 'axios'
var api_url = '...'
export default new class APICall {
constructor() {
this.ax
浏览 2提问于2020-02-20得票数 2
回答已采纳
1回答
我正从角度转向vue，并尝试将“service”实现为一个简单的类型记录类。我在想我该怎么做，现在我有：
import axios from 'axios'
import keys from 'libs/keys/api-keys'
export default class Google {
textSearch(query: string, radius = 5000) {
let url = `https://maps.googleapis.com/maps/api/place/textsearch/json?radius=${r
浏览 2提问于2017-08-11得票数 1
回答已采纳
所以我有GET|HEAD api：api/users/{user}，它调用函数App\Http\Controllers\Api\UserController@show。在Laravel的这一职能是：
public function show($id){
return new UserShowResource(User::findOrFail($id));
}
如何将变量id发送到我的函数。我在某个地方找到了这个：
const helpVar = axios.get('/api/users/{this.$route.params.id}').then(respons
浏览 0提问于2021-10-26得票数 1
回答已采纳
我想知道如何使用fetch返回POST方法API的数据。
my API由一个表单数据组成，其中包含两个参数的(我尝试了Axios )，当我尝试了Fetch时，我没有获得要显示的数据或返回响应，我能够获得响应，但不能将数据返回到另一个JS文件。
随取：
method: 'POST',
body: formdata,
redirect: 'follow'
};
let resp = await fetch('URL',requestOptions)
.then(res => Promise.all([res.status, re
浏览 3提问于2020-04-06得票数 0
我在一个项目中工作，使用AdonisJS制作的应用程序接口和VueJS制作的前端。
API和前端是独立的，前端通过axios调用来使用API。
我尝试从前端使用axios发出POST请求，但由于缺少csrf令牌，该请求发送了403响应。
但是，在这种前端独立于API的情况下，我如何实现这一点呢？
我尝试创建一个从会话发送令牌的路由/csrf：
async csrf ({response, session}) { return response.json({token: session.get('csrf-secret')}) }
然后在Vue中，我进行了第一个axi
浏览 2提问于2018-06-23得票数 2
1回答
API请求分页
、、、
我向Github提出了一个简单的API请求，以获得所有的存储库。问题是Github有一个限制，它可以发送的最大值是每个请求100。有些用户拥有100多个存储库，我不知道如何访问它或如何进行分页。
我向Axios提出这样的请求：
https://api.github.com/users/<AccountName>/repos?per_page=100
我也可以把页码写成这样
https://api.github.com/users/<AccountName>/repos?page=3&per_page=100
但是，如何在不发出10个API请求的情况下，在应用程序
浏览 0提问于2017-05-21得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
