vue-cli 全局axios使用

最新推荐文章于 2024-10-01 18:51:18 发布

科技达人ლ(′◉❥◉｀ლ)

最新推荐文章于 2024-10-01 18:51:18 发布

阅读量80

点赞数

文章标签： javascript vue.js html5 axios

本文链接：https://blog.csdn.net/m0_56175362/article/details/120485203

版权

配置请求的前缀

// main中引入
import Vue from 'vue'
import axios from 'axios'
// axios全局配置
Vue.prototype.$http = axios
// 配置请求的跟路径前缀
axios.defaults.baseURL = 'http://127.0.0.1:8888/api/private/v1/'

组件中使用

this.$http.get(请求参数) 返回的是promise

  async getGoodsList(){
     let {data:res} = await this.$http.get('goods',{params:this.queryInfo})
     console.log(res);
     if (res.meta.status !==200) {
        return this.$message.error('请求列表失败')
     }
     this.goodsList = res.data.goods
     console.log(res);
   }