首页 > 移动平台 > 详细

vue-cli中使用axios

时间:2018-08-24 20:24:02      阅读:198      评论:0      收藏:0      [点我收藏+]

安装

npm install axios --save-dev

使用方式

  • 引入包
import axios from ‘axios‘
  • axios不是vue的插件,不能使用Vue.use(). 要通过控制原型链的方式来引入。
Vue.prototype.$http = axios
  • 在项目中使用
          this.$http.get(‘https://erienniu.xyz/api/sidebar‘)
            .then(function(response) {
              console.log(response.data)
            })
            .catch(function(error) {
              console.log(error)
            })

跨域问题需要用jsonp时

https://github.com/axios/axios/blob/master/COOKBOOK.md#jsonp

$ npm install jsonp --save
const jsonp = require(‘jsonp‘);

jsonp(‘http://www.example.com/foo‘, null, (err, data) => {
  if (err) {
    console.error(err.message);
  } else {
    console.log(data);
  }
});

vue-cli中使用axios

原文:https://www.cnblogs.com/wulzt/p/9531836.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!