• 在线客服

  • 扫描二维码
    下载博学谷APP

  • 扫描二维码
    关注博学谷微信公众号

  • 意见反馈

原创 Axios基础学习笔记整理

发布时间:2020-04-23 15:33:55 浏览 4373 来源:博学谷 作者:照照

    Vuejs 并没有直接处理ajax的组件,但可以使用Axiosvue-resource组件实现对异步请求的操作。而Axios是一个基于promiseHTTP库,可以用在浏览器和node.js中。下面是Axios基础学习笔记整理,内容主要包括Axios的简介和应用,其中Axios的应用又涉及方法说明、Axios方法示例、get方法示例和post方法示例等内容,下面一起来梳理一下吧。

     

    Axios基础学习

     

    一、Axios简介

     

    Axios 是一个基于promiseHTTP库,可以用在浏览器和node.js中。

     

    # 如果使用npm则可以如下安装

    npm install axios

     

    或者也可以直接使用公共的CDN(内容分发网络)服务:

     

    <!-- 开发环境版本,包含了用帮助的命令行警告 -->

    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>

     

    二、Axios应用

     

    1、方法说明

     

    Axios可以使用的方法有:axios(config)axios.get(url[, config])axios.delete(url[, config]);axios.head(url[, config])axios.post(url[, data[, config]])axios.put(url[, data[, config]])axios.patch(url[, data[, config]])

     

    1config请求配置

     

    这些是创建请求时可以用的配置选项。只有 url 是必需的。如果没有指定 method ,请求将默认使用 get 方法。

     

    Axios基础学习Axios基础学习

     

    2)响应结构

    Axios基础学习

    Axios基础学习

     

    使用then时,你将接收下面这样的响应:

     

    Axios基础学习

     

    在使用catch时,或传递rejection callback作为then的第二个参数时,响应可以通过error对象可被使用。

     

    2Axios方法示例

     

    如果使用axios访问跨域数据的时候,只需要在服务提供方中,在方法上面使用SpringMVC的跨域注解即可解决数据跨域问题。如果请求的地址是使用了网关,那么在网关服务器上配置跨域就可以了;不能同时在网关服务器和服务提供服务工程中同时配置。

     

    可以通过向axios传递相关配置来创建请求

     

    axios(config)

     Axios基础学习

    Axios基础学习

     

    3get方法示例

     

    将上述示例中的axios操作部分修改为如下:

     

    Axios基础学习

     

    4post方法示例

     

    将示例中的axios操作部分修改为如下:

     

    Axios基础学习

     

    以上就是Axios基础学习笔记的整理,大家都明白了吗?如果如果对于Axios还有什么疑问,可以在博学谷官网报名Java课程,咨询在线老师相关学习问题~

    申请免费试学名额    

在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!

上一篇: Neo4j实战课程内容介绍 下一篇: 什么是Java开发?Java编程可以做什么?

相关推荐 更多

热门文章

  • 前端是什么
  • 前端开发的工作职责
  • 前端开发需要会什么?先掌握这三大核心关键技术
  • 前端开发的工作方向有哪些?
  • 简历加分-4步写出HR想要的简历
  • 程序员如何突击面试?两大招带你拿下面试官
  • 程序员面试技巧
  • 架构师的厉害之处竟然是这……
  • 架构师书籍推荐
  • 懂了这些,才能成为架构师
  • 查看更多

扫描二维码,了解更多信息

博学谷二维码