带有 browserify 的 Vue 资源答案

【问题标题】：Vue-resource with browserify带有 browserify 的 Vue 资源
【发布时间】：2016-09-16 06:35:20
【问题描述】：

我正在尝试将 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);
        });
    }
});

我使用 npm install 安装了vue和vue-resource。

package.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"
  }
}

【问题讨论】：

我首先将 vue-resource 更新为 v1.x。可以Vue.http.get(...)吗？

标签： vue.js vue-resource

【解决方案1】：

这是我的建议：

1：使用 webpack 替换 browserify。

2：使用 axios 替换 vue-resource。

【讨论】：

【解决方案2】：

试试这个：

ready() {
    Vue.http.get('/api').then((response) => {
        console.log(response.data);
    });
}

【讨论】：