Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >尝试使用Vue和Axios从应用程序中获取数据

问尝试使用Vue和Axios从应用程序中获取数据
EN

Stack Overflow用户

提问于 2022-03-04 06:23:30

回答 1查看 219关注 0票数 0

我试图使用Vue和Axios的GET请求从我们的业务服务器获取一些数据。然而，我遇到了一个401未经授权的错误。当我登录到我的公司帐户时，我就可以用RESTED获得这些数据。我已经看过这篇文章了：How to send Basic Auth with axios，但没有一个解决方案对我有效。这是我发出get请求的代码：

    await axios.get('http://192.168.*******', {}, {
      auth: {
        username: 'username',
        password: 'password'
      },
      headers: {
        'Content-Type': 'application/json'
      }
    });
  }

我也尝试过没有“标题”。这是错误消息：

xhr.js:214          GET http://192.******** 401 (Unauthorized)
dispatchXhrRequest @ xhr.js:214

[Vue warn]: Unhandled error during execution of created hook 
  at <App>

createError.js:19 Uncaught (in promise) Error: Request failed with status code 401
    at createError (createError.js:19:15)
    at settle (settle.js:19:12)
    at XMLHttpRequest.onloadend (xhr.js:75:7)

希望有人有个主意，因为我不知所措。

http-status-code-401

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-03-23 06:22:28

这个解决方案对我有效：

const config = {
  'Content-Type': 'application/json',
  "Accept": "application/json",
}
const { data } = await axios({ url: 'http://192.168.170.*****/', method: 'GET', data: null, withCredentials: true, headers: config })

票数 0

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/71352811

复制

相关文章

html使用vue axios,使用 Vue和axios

php vue.js json html http

昨天写完了博客以后，有人就在我的博客下面留言说现在不是使用了Axios了吗？我赶紧再把Axios的例程给补上，并且做一个更新。

全栈程序员站长

2022/11/17

1.5K0

使用Vue.js和Axios从第三方API获取数据 — SitePoint

api vue.js https html javascript

本文转载自使用Vue.js和Axios从第三方API获取数据 — SitePoint 原文链接： www.sitepoint.com，本译文的链接地址：使用Vue.js和Axios从第三方API获取数据 — SitePoint，Github上面本项目的源代码链接为：vuejs-news，本文中的纽约时报API的API秘钥申请有些问题，访问不了。通常情况下，在构建 JavaScript 应用程序时，您希望从远程源或从API获取数据。我最近研究了一些公开的API，发现可以使用这些数据源完成很多很酷的东西。

ccf19881030

2020/03/23

6.6K0

使用Vue.js和Axios从第三方API获取数据 — SitePoint

https 网络安全 yarn vue.js javascript

3、使用 mounted: function () { // 按需引入 axios.get(‘https://api.coindesk.com/v1/bpi/currentprice.json’).then(response => { console.log(‘按需引入’) console.log(response.data) }).catch(error => console.log(error)) },

苦咖啡

2019/12/10

1.2K0

如何使用Vue.js和Axios来显示API中的数据

api 比特币 html 区块链数字货币

Vue.js是一个用于构建用户界面的前端JavaScript框架。它的设计从头开始逐步采用，并与其他图书馆或现有项目完美集成。这使它非常适合小型项目以及与其他工具和库一起使用的复杂单页应用程序。

子润先生

2021/06/15

8.8K0

Vue3中使用axios

axios vue3 对象跨域配置

axios是一个基于Promise的HTTP请求库，它可以在浏览器和Node.js中使用。axios的功能非常请打，支持Promise API、可以拦截请求和响应、可以转换请求和响应数据、支持取消请求、可以自动转换JSON数据等。

九仞山

2023/10/14

1.8K0

Vue笔记：使用 axios 中 this 指向问题

在vue中使用axios做网络请求的时候，会遇到this不指向vue，而为undefined。

朝雨忆轻尘

2019/06/19

8030

Vue笔记：使用 axios 中 this 指向问题

Vue中使用axios

javascript node.js

需要先安装axios和vue-axios yarm add axios vue-axios import axios from "axios"; import VueAxios from 'vue-axios' import qs from 'qs'; axios.defaults.baseURL = config.server_url; axios.defaults.transformRequest = [function (data) { return qs.stringify(data);

小贝壳

2020/03/05

6710

在 vue 中使用 axios 调用数据

node.js javascript api vue.js

如何在 vue 中完成一次接口的调用？首选就是 axios，方便快捷又好用，支持各种 api ,封装也很方便。

子舒

2022/06/09

7080

Vue2封装axios，axios在Vue.cli中的使用

node.js http javascript

在src目录下新增一个目录utils，并新增一个js文件http.js，用以实现axios的封装

SingYi

2022/07/13

1.1K0

Vue2封装axios，axios在Vue.cli中的使用

如何使用DNS和SQLi从数据库中获取数据样本

dns sql sql server 数据库

泄露数据的方法有许多，但你是否知道可以使用DNS和SQLi从数据库中获取数据样本？本文我将为大家介绍一些利用SQL盲注从DB服务器枚举和泄露数据的技术。

FB客服

2019/03/08

11.5K0

如何使用DNS和SQLi从数据库中获取数据样本

vue中axios的封装

node.js javascript php http

5. 封装post, get 请求 (此示例没有封装，可根据项目情况而定，因为封装后，对于一些特殊接口设置不是太灵活，需要我们项目没有选择封装，如果请求方法比较单一的，可以考虑封装)

用户9914333

2022/07/21

1.3K0

vue中axios的封装

vue.js http node.js

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。

大龄老码农-昊然

2021/05/13

3.4K0

Vue---从后台获取数据vue-resource的使用方法

npm git http vue.js html

　　作为前端人员，在开发过程中，我们大多数情况都需要从后台请求数据，那么在vue中怎样从后台获取数据呢？接下来，我简单介绍一下vue-resource的使用方法，希望对大家有帮助。

半指温柔乐

2018/09/11

3.4K0

Vue---从后台获取数据vue-resource的使用方法

Vue 使用Axios上传文件

html 表单文件上传

单独文件上传 HTML <input class="file" name="file" type="file" accept="image/png,image/gif,image/jpeg" @change="update"/> JS methods: { update(e){ let file = e.target.files[0]; let param = new FormData(); //创建form对象 param.append('file',file);//通过app

码客说

2019/10/22

4K0

Vue 的axios的使用

node.js http javascript vue.js

axios直接进行访问会出现跨域问题，需要配置代理了。（前提是服务器没有设置禁止跨域的权限问题）

我不是费圆

2020/09/22

8360

笔记:vue 中使用 axios 调用数据并渲染

渲染 axios data 笔记数据

子舒

2023/08/23

2230

vue中拆分封装axios

1、在src目录下建network文件用于配置axios`。 2、在network里面先建一个config.js文件

江一铭

2022/06/16

2690

Vue中Axios的封装管理

javascript vue.js

Axios 封装定义 Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。特性支持Promise API 拦截请求和响应转换请求数据和响应数据自动转换JSON数据客户端支持 XRSF 回归正题在Vue 项目开发中，我们与接口打交道最多了，来通过接收后端接口返回来的数据，最后我将这些接口数据完美的呈现到网页上。同时，与接口打交道那么就会用到网络请求，与 Vue 结合的网络请求库有哪些呢？ vue-resource axios 官方推荐 fetc

程序员海军

2021/10/08

9690

Vue中Axios的封装管理

api javascript node.js vue.js 网络安全

Axios 封装定义 Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。特性支持Promise API 拦截请求和响应转换请求数据和响应数据自动转换JSON数据 ##### 客户端支持 XRSF 回归正题在Vue 项目开发中，我们与接口打交道最多了，如何来优雅的使用Axios变得尤为重要了。通常我们通过客户端向后端发送请求来接收接口数据，然后将这些接口数据完美的呈现到网页上。同时，与接口打交道那么就会用到网络请求，与 Vue 结合的网络请求库

程序员海军

2021/10/11

1.3K0

Vue3中如何使用axios进行Ajax请求？

在现代Web应用程序开发中，经常需要使用Ajax技术进行与服务器的交互，以获取数据、发送请求或更新数据等。Vue3是一种流行的JavaScript框架，为我们提供了许多工具和库来简化和优化与服务器的通信。其中一个常用的工具是axios，它是一个基于Promise的HTTP客户端，可以在浏览器和Node.js中发送HTTP请求。本文将详细介绍Vue3中使用axios进行Ajax请求的方法和技巧。

网络技术联盟站

2023/07/05

2.2K0

相似问题

无法使用Vue和Axios从API中获取数据

11

Vue axios使用-从api获取数据

119

使用vue和axios从API数据中获取每个对象

24

使用Axios和Vue从JSON API获取远程数据

10

Vue使axios使用键值从数组中获取和显示数据？

14

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例