在Vue中使用axios

78 阅读1分钟

1.安装

npm install --save axois 安装其他插件的时候,可以直接在main.js中引入并Vue.use(),但是axios并不能use,只能每个需要发送请求的组件即时引入。
为了解决这个问题,有两种开发思路,一是引入axios之后修改原型链,二是封装axios为一个模块。

//引入axios之后修改原型链
import axios from 'axios'
Vue.prototype.$axios = axios

使用

getData() {
      this.$axios
        .post("https://**/admin/ShopDispatch/getAll", {
          page: 1,
          rows: 10,
        })
        .then((res) => {
          console.log(res);
        });
    },