axios

Posted 2020-11-01 YangBin

官网：

https://github.com/axios/axios

 

参考：https://www.cnblogs.com/zhouyangla/p/6753673.html

 

引入方式：

$ npm install axios

//使用淘宝源 $ cnpm install axios //或者使用cdn： <script src="https://unpkg.com/axios/dist/axios.min.js"></script>

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

为了解决这个问题，我们在引入 axios 之后，通过修改原型链，来更方便的使用。

//main.js

import axios from \'axios\' Vue.prototype.$http = axios

在 main.js 中添加了这两行代码之后，就能直接在组件的 methods 中使用 $http命令

methods: { postData () { this.$http({ method: \'post\', url: \'/user\', data: { name: \'xiaoming\', info: \'12\' } }) }

下面来介绍axios的具体使用：

 

1 $http.post(\'/user\', { firstName: \'Fred\', lastName: \'Flintstone\' }) .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); });

2、axios.get(\'/user/12345\') .then(function(response) { console.log(response.data); console.log(response.status); console.log(response.statusText); console.log(response.headers); console.log(response.config); });