怎么在Vue中使用和安装axios

原创已于 2022-04-26 16:10:08 修改 · 6.6k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#vue

于 2022-04-17 21:36:06 首次发布

本文介绍了如何在Vue项目中安装并配置axios库，演示了如何设置统一的API请求前缀，以及在mounted钩子中使用axios发送GET请求并处理响应。

1.先安装axios

在小黑框内输入

npm install --save axios

成功提示

2.在vue的 main.js中导入axios

import axios from 'axios'
Vue.prototype.axios = axios

3.如何请求的路径很多，而且他们的前缀都一样，我们可以设置统一的前缀，后期在使用的时候就会很方便（同样是在main.js文件中）。

axios.defaults.baseURL='/test'

4.使用方法

     mounted() {
    this.axios.get("网址").then((res) => {
                  console.log(res) //看看返回的是对象还是数据
             if(res.length>0){ // 对返回值做成功判断
               //要进行的操作
              }

            
      });
  },