vue3中使用axios

最新推荐文章于 2024-06-20 15:18:29 发布

陈可儿ckr

最新推荐文章于 2024-06-20 15:18:29 发布

阅读量410

点赞数

分类专栏： vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_52772897/article/details/126364263

版权

30 篇文章 1 订阅

订阅专栏

这篇博客介绍了如何在Vue项目中安装和配置axios，包括通过npm安装vue-axios，然后在main.js中全局引入并设置axios，最后展示了如何在组件中利用Vue的全局属性进行http请求操作。

摘要由CSDN通过智能技术生成

第一步安装axios


npm install --save axios vue-axios

第二步在main.js中引入axios

import Vue from 'vue'
import axios from 'axios'
import VueAxios from 'vue-axios'

Vue.use(VueAxios, axios)

第三步使用axios

（1）在main.js中设置

//vue原型上设置$http
createApp(App).config.globalProperties.$http = axios;

（2）请求

import { getCurrentInstance } from 'vue';
let { proxy } = getCurrentInstance();
proxy.$http.post()

关注

专栏目录