在组建中直接使用会提示Unresolved function or method axios()

最近在做前后端分离的一个卖书的网站

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

可以采用改写原型链的方式

首先在 main.js 中引入 axios

import axios from 'axios' 

然后将axios改写为Vue的原型属性

Vue.prototype.$http= axios

然后可以在组件的methods中使用$http代替axios
比如说

this.$http({
        method: 'post',
        url: url,
        data: {
          // form: this.form
          firstName: 'Fred',
          lastName: 'Swift'
        }
      }).then(function (response) {
        console.log(response)
      }).catch(function (error) {
        console.log(error)
      });

参考 添加链接描述

Logo

前往低代码交流专区

更多推荐