vue中axios的简单使用

小咪咪 2023-06-30 01:37 18阅读 0赞

1，本文是对axios的简单使用，并没有对axios进行封装  
首先在vue项目安装axios，如下代码

> npm install axios --save

2，直接使用axios

在axios请求之前：如下图所示。  
![在这里插入图片描述][20200113160738311.png]  
在axios请求之后，得到数据，如下图所示。  
![在这里插入图片描述][20200113160838792.png]  
代码如下：

<template>
        <div>
            <input type="button" value="axiosTest" @click="getAxiosData"/>
            <br>
            <div>
                {
       {info}}
            </div>
        </div>
    </template>
    
    <script>
        import axios from 'axios'
        export default {
            name: "axiosTest",
            data(){
                return {
                    info : {}
                }
            },
            methods:{
                getAxiosData(){
                    axios.get('https://api.coindesk.com/v1/bpi/currentprice.json')
                        .then(response => {
                                this.info = response.data;
                                console.log(response)
                                console.log("info==",this.info)
                        })
                }
            }
    
        }
    </script>
    
    <style scoped>
    
    </style>

[20200113160738311.png]: https://img-blog.csdnimg.cn/20200113160738311.png
[20200113160838792.png]: https://img-blog.csdnimg.cn/20200113160838792.png

发表评论取消回复

表情：

评论列表（有 0 条评论，18人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue中使用axios

\Axios是什么？ 1.支持Promiss API 2.拦截请求和响应 3.转换请求数据和响应数据 4.取消请求 5.自动转换json数据 6....

素颜马尾好姑娘i/ 2024年04月17日 18:58/ 0 赞/ 86 阅读

相关 vue中axios请求简单封装

1、http.js /axios封装请求拦截、相应拦截、错误统一处理 / import axios from 'axios'; imp

淩亂°似流年/ 2023年08月17日 15:47/ 0 赞/ 172 阅读

相关 vue中axios的简单使用

1，本文是对axios的简单使用，并没有对axios进行封装首先在vue项目安装axios，如下代码 > npm install axios --save 2，直接使

小咪咪/ 2023年06月30日 01:37/ 0 赞/ 19 阅读

相关 Vue中使用axios

<body> <div id="app"> <input type="button" value="获取笑话" @click="

分手后的思念是犯贱/ 2023年06月25日 11:28/ 0 赞/ 18 阅读

相关 vue中使用axios

1. 安装 npm install --save axios 2.导入 import axios from "axios"; 3.使用 cre

不念不忘少年蓝@/ 2023年06月11日 05:26/ 0 赞/ 27 阅读

相关 Axios——axios在vue中的简单配置与使用

> 尤雨溪之前在微博发布消息，不再继续维护vue-resource，并推荐大家开始使用 axios 。一、axios 简介 axios 是一个基于Promise 用于

我就是我/ 2022年06月04日 06:45/ 0 赞/ 329 阅读

相关 axios在vue中的简单配置与使用

一、安装 1、利用npm安装`npm install axios --save` 2、利用bower安装`bower install axios --save`

小鱼儿/ 2022年05月16日 05:13/ 0 赞/ 528 阅读

相关 vue中使用axios的请求

axios使用put请求方式 1、axios请求方式有哪些？ axios常见传参方式get、post、put、patch、delete 了解更多，点击链接去了解它

矫情吗；*/ 2022年02月13日 17:27/ 0 赞/ 409 阅读

相关 axios在vue中的简单配置与使用

> 尤雨溪之前在微博发布消息，不再继续维护vue-resource，并推荐大家开始使用 axios 。 ![axios][] 一、axios 简介 axios 是一个

快来打我*/ 2022年01月22日 08:23/ 0 赞/ 558 阅读

相关 axios在vue中的使用

目录一视频二教程三源码四服务端代码结构 1 接口文档.xlsx 2 router.js 五启动并测试服务端六安装yarn 七安装van

我就是我/ 2021年07月24日 22:30/ 0 赞/ 526 阅读