zoukankan      html  css  js  c++  java
  • vue中axios的使用

    新开了一个vue项目,从头到尾都是一个人做的,所以就自己配置了一个axios.js文件

    第一种方法、使用axios 需要下载安装   npm install axios,下载完成之后 在main.js中 直接把axios挂载到vue的原型上即可(但是不推荐使用)

    import axios from 'axios'    引入axios
    Vue.prototype.$http = axios  挂载在原型上

    原因: 直接挂载在原型上可能会给vue的原型链产生污染,且太粗暴;不符合vue的生态环境,且$http是自己取名的,不利于维护;

       axios只是一个基于promist用于浏览器和node.js的http客户端,他有以下的特征

               从浏览器中创建 XMLHttpRequest

       从 node.js 发出 http 请求

               支持 Promise API

               拦截请求和响应

               转换请求和响应数据

               取消请求

               自动转换JSON数据 

               客户端支持防止 CSRF/XSRF

    第二种方法:vue-axios 和 axios 配合使用, 下载 npm install --save axios vue-axios,同样在main.js文件中引入(推荐使用)

    import Vue from 'vue';     
    import axios from 'axios';  //引入axios
    import VueAxios from 'vue-axios';  // 引入vue-axios
    Vue.use(VueAxios,axios);  //使用

    发送请求及配置拦截等在下一篇博客中  https://www.cnblogs.com/m1754171640/p/13705952.html  详细介绍 

  • 相关阅读:
    我们的微信小程序开发
    node.js的模块引用
    关于 node.js的request事件
    关于 node.js 小插曲
    发给
    Kotlin 委托(1)类委托、变量委托注意事项
    Kotlin 扩展
    关于dex 64K 引用限制
    c++新特性实验(5)声明与定义:属性列表(C++11 起)
    apk反编译(6)用ProGuard 混淆、压缩代码,压缩资源。
  • 原文地址:https://www.cnblogs.com/m1754171640/p/13705845.html
Copyright © 2011-2022 走看看