问答

vue3 中使用axios 报错

作者:admin 2021-05-13 我要评论

我在main中 import { createApp } from 'vue'import App from './App.vue'import axios from 'axios'import VueAxios from 'vue-axios'import installElementPlu...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

我在main中

import { createApp } from 'vue'
import App from './App.vue'
import axios from 'axios'
import VueAxios from 'vue-axios'
import installElementPlus from './plugins/element.js'

const app = createApp(App)
installElementPlus(app)
app.mount('#app')
app.use(VueAxios, axios)

这么生命的,在index.vue中这么使用

  created(){
    this.getData()
  },
  
  methods: {
    
    getData(){
      this.axios.request({url:'http://www.liulongbin.top:3005/api/getlunbo',method:'get'})
      .then(res=>{
        console.log(res.data);
        //this.ArtList = res.data.data;
      })
      
    }
  },

出现错误:

image.png
呢??

修改成:

  created(){
    this.getData()
  },
  
  methods: {
    
    getData(){
      this.axios.get('http://www.liulongbin.top:3005/api/getlunbo')
      .then(res=>{
        console.log(res.data);
        //this.ArtList = res.data.data;
      })
      
    }
  },

结果报错:
image.png

这是什么鬼,求教!!!

###

看下 vue-axios 版本 是否是 3.x

app.use() 放在mount之前

###

创建axios实例了吗

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • vue3 中使用axios 报错

    vue3 中使用axios 报错

  • svg 的 path元素有办法调整大小和位置

    svg 的 path元素有办法调整大小和位置

  • three.js 从数据库获取整个场景数据,

    three.js 从数据库获取整个场景数据,

  • electron 引入 axios/lib/adapters/htt

    electron 引入 axios/lib/adapters/htt

腾讯云代理商
海外云服务器