vue-resource 和 axios

1.目录结构

目录结构.png

2.axios

• axios.html引入vue.js和axios.js插件,axios插件直接暴露了一个全局axios对象。
• axios.interceptor是一个全局拦截器，任何请求和响应之前都会先经过这个拦截器，可以从控制台的打印顺序看出。

//axios.html
...


...

    
axios插件
    get请求
    post请求
    http请求
    
{{msg}}


...

• 以下为axios get请求结果：
  
  

  axios-get请求.png
  
  
  

  axios-get请求 (2).png

3.vue-resource

• vue-resource 内部做了封装处理，直接挂载到了vue实例上,所以可以直接this.$http发请求, this.$http就代表vue-resource本身。

...


...

    
vue-resource插件
    get请求
    post请求
    jsonp跨域请求
    http请求
    
{{msg}}

• 以下为vue-resource post请求结果：

vueResource-post请求.png

vueResource-post请求 (2).png

• 以下为vue-resource jsonp请求结果：

vueResource-jsonp请求.png

vueResource-jsonp请求 (2).png