axios安装,配置及配合vue脚手架

1.安装axios

npm install axios

2.脚手架中使用axios

main.js中导入axios
import axios from 'axios';

//在main.js中可全局配置默认
axios.defaults.baseURL = 'https://api.example.com'; //基础URL
axios.defaults.headers.common['Authorization'] = AUTH_TOKEN;  //作者
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'; //默认请求头

3.组件中使用axios

<script>
import axios from 'axios';;//引入axios实例

// 配置发起一个post请求
//axios 的post请求要注意有的是通过req.body发送数据,有的是通过req.params发送数据
axios({
  method: 'post',
  url: '/user/12345',
  //axios 的post请求需要设置请求头
  headers: {
          'Content-Type': 'application/json',
        },
  data: {
  //data 中的数据要根据接口请求数据类型看是否使用JSON.stringify()方法转成字符串
    firstName: 'Fred',
    lastName: 'Flintstone'
  }
  // data: JSON.stringify({
   //       phone: this.user,
  //        pwd: this.psd,
 // }),
});
// 在 node.js 用GET请求获取远程图片
axios({
  method: 'get',
  url: 'http://bit.ly/2mTM3nY',
  responseType: 'stream'
})
  .then(function (response) {
    response.data.pipe(fs.createWriteStream('ada_lovelace.jpg'))
  });

</script>

axios-http

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值