vue-cli2方式下，vue-resource老是报错？

问题描述

问 题

vue: 2.1.10 、vue-resource: 1.2.0
我在单文件中，用<script>引用方式测试了vue-resource.js都可用。
但是在vue-cli2.0中，就一直报错。代码如下：

main.js

import Vue from 'vue'
import Router from 'vue-router'
import VueResource from 'vue-resource'
import App from './App'
import login from 'views/login.vue'
import welcome from 'views/welcome.vue'

Vue.use(Router);
var  router =  new Router({
  routes: [
    ....此处省略，路由正常
  ]
});

new Vue({
  el: '#app',
  router,
  template: '<App/>',
  components: { App },
      mounted: function() {
          Vue.$http.get('./static/json/dk.json').then((res) => {
            console.log('aaa');
              res = res.body;
          });
      }
})

报错信息：

---

另外想问一下，node_modulesvue-resourcedist目录下的：
vue-resource.common.js
vue-resource.es2015.js
vue-resource.js
这几个文件有何区别？

解决方案

你的main好像漏了Vue.use(vueResource)​,这报错是说Vue.$http不存在。

至于你说的那个几个文件，你可以参照vue的，也是有类似一样的文件命名方式。

我对照的看了下，xx.common.js内容最后是 module.exports = xxx 也就是说这个是以commonjs风格写的模块形式。

而xx.es2015.js 内容最后是 export default xxx 这个则是es6的模块风格。

剩下的那个，就是一般传统的写法了。你可以看看其对于的代码。

这篇关于vue-cli2方式下，vue-resource老是报错？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！