在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue-cli中引入mock后，請求數(shù)據(jù)報(bào)錯axios未定義

vue-cli中引入mock后，請求數(shù)據(jù)報(bào)錯axios未定義

//main.js
import Vue from 'vue'
import App from './App'
import router from './router'
import axios from 'axios'


Vue.config.productionTip = false;
Vue.prototype.$ajax = axios;


/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,

  components: { App },
  template: '<App/>'
})
//HelloWorld重寫文件
<script>
  import '../mock/mock'
  export default {
    name: 'HelloWorld',
    data () {
      return {
        msg:'hello world',
        data:[]
      }
    },
    mounted:function () {
      console.log(111);
      this.getList()
    },
    methods:{
      getList(){
        this.$axios.get('/api/data').then((res)=>{
          console.log(res);
        })
      }
    }
  }
</script>
//mock.js文件
import Mock from 'mockjs'
//使用mockjs模擬數(shù)據(jù)
Mock.mock('/api/data', (req, res) => {
  return {
    data: ['a','b']
  }
})

clipboard.png

不論怎么該一致報(bào)錯未定義~求教下到底哪里沒配置好？
參考的這篇文章https://segmentfault.com/a/11...

回答
編輯回答
黑與白

又翻了很多文章，終于找到了問題所在，

//helloworld文件
  import axios from 'axios'//組件在這里引入，在main.js文件中引入無效

調(diào)用的地方

this.$axios.get('/api/data').then((res)=>{
          console.log(res);
        })

改為

axios.get('/api/data').then((res)=>{
          console.log(res);
        })
2017年6月19日 07:00
編輯回答
骨殘心
this.$ajax.get('/api/data').then((res)=>{
  // ...
})

你的Vue原型鏈上綁的是$ajax

2017年4月4日 03:08
編輯回答
單眼皮
this.$axios.get('/api/data').then((res)=>{
  console.log(res);
})

改成

this.$ajax.get('/api/data').then((res)=>{
  console.log(res);
})
2018年6月16日 07:57