vue中axios的使用多种方式

axios

安装其他插件的时候,可以直接在 main.js 中引入并 Vue.use(),但是 axios 并不能 use,只能每个需要发送请求的组件中即时引入。

所以如下

第一种

安装: npm install --save axios vue-axios

vue-axios是按照vue插件的方式去写的。那么结合vue-axios,就可以去使用vue.use方法了

首先在入口文件main.js中引用

import   axios  from  'axios'

import  VueAxios from  'vue-axios'

Vue.use(VueAxios,axios);

使用方法:

this.axios.get('../getNewsList')

.then((response)=>{this.newsList=response.data.data;})

.catch((response)=>{console.log(response);})

第二种  axios 改写为 Vue 的原型属性

首先在main.js文件中引用,之后挂在vue的原型链上

import axios from 'axios'

Vue.prototype.$axios= axios

使用方法

this.$axios.post('地址', data)

.then(function (response) {

          console.log(response);

        }).catch(function (error) {

          console.log(error);

        });

另附官网:http://www.axios-js.com/zh-cn/docs/

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容