如何在vue中使用axios

╰+攻爆jí腚メ 2024-03-26 13:19 114阅读 0赞

## 0 写在前面 ##

Axios 是一个基于 promise 的 HTTP 库  
他可以：  
1、可以在浏览器中发送 XMLHttpRequests  
2、可以在 node.js 发送 http 请求  
3、支持 Promise API  
4、拦截请求和响应  
5、转换请求数据和响应数据  
6、能够取消请求  
7、自动转换 JSON 数据  
8、客户端支持保护安全免受 XSRF 攻击

## 1 安装 ##

使用npm命令安装，在建好的vue工程里使用命令`npm install axios`  
![在这里插入图片描述][439e0f008dd0453aba31ab82e4c5d5bc.png]  
在main.js中引用

import axios from "axios";
    Vue.prototype.$axios = axios
    
    new Vue({
    
        axios,
    
        render: function (h) {
            return h(App)
        }
    }).$mount('#app')

![在这里插入图片描述][75e373f975b641a8b19317dd4d630ccb.png]

## 2 使用 ##

此时在项目中可以使用了。  
举例：发送post请求

methods: {
            
      	方法名() {
        
          this.$axios.post('地址', {
        
            参数:参数数值
          }).then(parim => {
        
            回调
          })
    
        },
    }

此时可以正常发起请求了。

[439e0f008dd0453aba31ab82e4c5d5bc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/faa141923b0440acbd6c04e91afd86f2.png
[75e373f975b641a8b19317dd4d630ccb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/555d0ce1d7e349089dac8211277c87f2.png

发表评论取消回复

表情：

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

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

相关阅读

相关 vue中使用axios

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

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

相关如何在vue中使用axios

0 写在前面 Axios 是一个基于 promise 的 HTTP 库他可以： 1、可以在浏览器中发送 XMLHttpRequests 2、可以在 node

╰+攻爆jí腚メ/ 2024年03月26日 13:19/ 0 赞/ 115 阅读

相关怎样在 Vue 中使用 axios ？

首先安装： npm install --save axios 也可以使用 yarn 安装。注意，yarn 的安装命令是 add，不是 install： y

一时失言乱红尘/ 2023年07月02日 06:26/ 0 赞/ 10 阅读

相关 Vue中使用axios

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

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

相关 vue中使用axios

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

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

相关 axios 在 vue 中的运用

文章目录什么是 axios？ axios 可以做什么？如何使用 axios? 下载 GET/POST请求

左手的ㄟ右手/ 2023年02月16日 01:46/ 0 赞/ 3 阅读

相关如何在JavaScript中使用Axios

[Axios][] is an open source library that allows us to easily make HTTP requests. It’s ef

冷不防/ 2022年11月27日 04:28/ 0 赞/ 410 阅读

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

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

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

相关在Vue中如何使用axios请求拦截

一、前言 -------------------- 在这里和大家分享一下axios拦截在实际项目中的使用 (转载出处: [https://segmentfault.c

比眉伴天荒/ 2021年12月24日 08:13/ 0 赞/ 435 阅读

相关 axios在vue中的使用

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

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