vue-cli 引入、配置axios的方法

发布时间：2020-12-17 02:17:45 所属栏目：百科来源：网络整理

导读：一、npm 安装axios，文件根目录下安装，指令如下 npm install axios --save-dev 二、修改原型链，在main.js中引入axios import axios from 'axios' 接着将axios改写为Vue的原型属性， Vue.prototype.$http=axios 这样之后就可在每个组件的methods中调用$http

一、npm 安装axios，文件根目录下安装，指令如下

npm install axios --save-dev

二、修改原型链，在main.js中引入axios

import axios from 'axios'

接着将axios改写为Vue的原型属性，

Vue.prototype.$http=axios

这样之后就可在每个组件的methods中调用$http命令完成数据请求

三、在组件中使用

this.$http.get('/url').then(function(res){ 
 console.log(res) 
}).catch(function(err){ 
 console.log(err) 
})

}
}

有关axios的配置请参考如下文档，点击打开链接

下面给大家介绍下vue-cli配置axios的方法

npm install axios --save

在src目录下添加axios.ts文件，内容：

types文件夹中新建vue.d.ts文件，内容：

这样就可以在各个模块中通过this.$axios来使用axios了

其中axios中：

1. build.rootpath.js内容：

2. store是vuex的文件，所以要事先安装vuex

总结

以上所述是小编给大家介绍的vue-cli 引入、配置axios的方法。编程之家 52php.cn 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!