目录
  1. 1. vue-resource
  2. 2. axios
Vue全家桶之vue-resource&axios

Vue-resource和axios都是Vue项目可以使用的HTTP请求工具,其中vue-resource为Vue官方开发插件,axios为官方推荐,第三方开发插件。


vue-resource

  1. 安装
    npm install vue-resource

  2. 引用

    1
    2
    3
    // main.js
    import VueResource from 'vue-resource'
    Vue.use(VueResource)
  3. 使用

    1
    2
    3
    4
    5
    6
    7
    8
    // methods
    this.$http.get(api).then(res => {
    // 成功返回
    console.log(res)
    }, err => {
    // 错误返回
    console.log(err)
    });

axios

  1. 安装
    npm install axios

  2. 引用

    1
    2
    // <script></script>
    import axios from 'axios'
  3. 使用

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    // methods
    axios.get(api)
    // 成功返回
    .then(res => {
    console.log(res)
    }
    // 错误返回
    .catch(err => {
    console.log(err);
    })
    });

文章作者: Hyman Choi
文章链接: http://yoursite.com/2019/06/24/Vue全家桶之vue-resource&axios/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 凌晨四点的拖拉机