企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
> 问:axios 是什么? 答:是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。 简单的讲,就是我们在vue的项目中,用axios来代替 ajax 来进行http请求,从服务器获取数据。 回归正题,开始在vue-cli 中整合加入 axios 1、通过 npm 安装 axios ```javascript npm install axios ``` ![](https://img.kancloud.cn/a2/ef/a2efe0356de18fc6f0a10287b7bc909e_1204x292.png) 2、在 `main.js` 中添加 ``` import axios from 'axios' Vue.prototype.$http= axios ``` 这时候如果在其它的组件中,是无法使用 axios 命令的。所以我们将 axios 改写为 Vue 的原型属性 ![](https://img.kancloud.cn/1d/bf/1dbfca44da9c1ddd1f29c8dcd36540f6_1240x1046.png) 在 main.js 中添加了这两行代码之后,就能直接在组件的 methods 中使用 $http命令 例如 ``` methods: { show() { this.$http({ method: 'get', url: '/user', data: { name: 'virus' } }) } ```