1

我正在尝试将 vue-resource 与 browserify 一起使用。但我总是收到以下错误。Cannot read property 'get' of undefined. 我尝试在网上搜索，但解决方案不起作用。

var Vue = require('vue');
Vue.use(require('vue-resource'));

import UploadImage from './components/UploadImage.vue'

new Vue({
    el: '#app',

    components: { UploadImage },

    ready() {
        console.log('Vue is ready.');
        this.$http.get('/api', function(data){
            console.log(data);
        });
    }
});

我安装vue并vue-resource使用 npm install。

包.json

{
  "private": true,
   "devDependencies": {
    "clipboard-js": "^0.1.0",
    "gulp": "^3.8.8",
    "gulp-batch-replace": "0.0.0",
    "gulp-phpunit": "^0.14.0",
    "laravel-elixir-vueify": "^1.0.3",
    "vue": "^1.0.24",
    "laravel-elixir-browserify": "^0.8.1",
    "vue-resource": "^0.7.0",
    "vueify": "^8.4.1"
  },
  "dependencies": {
    "babel-runtime": "^6.0.0",
    "bootstrap-sass": "^3.0.0",
    "laravel-elixir": "^5.0.0"
  }
}
4

2 回答 2

2

尝试这个：

ready() {
    Vue.http.get('/api').then((response) => {
        console.log(response.data);
    });
}
于 2016-11-16T21:31:18.300 回答
0

以下是我的建议：

1：使用webpack替换browserify。

2：使用axios替换vue-resource。

于 2017-01-06T03:05:01.437 回答