巩义网站建设,巩义网站制作,巩义做网站-全栈网络

在网站数据请求中,什么是axios?与request有何区别?
当前位置:首页 > 建站知识 > 网站代码 >

在网站数据请求中,什么是axios?与request有何区别?

时间: 2019-03-09 分类: 网站代码 浏览次数:

在使用vue进行网站建设,项目开发时,前端工程师会用到ajax、request或者axios进行数据的请求,从而完成页面的渲染,到底什么是axios,它与request请求方式有何区别? 什么是axios? axios其实...


在使用vue进行网站建设,项目开发时,前端工程师会用到ajax、request或者axios进行数据的请求,从而完成页面的渲染,到底什么是axios,它与request请求方式有何区别?

在网站数据请求中,什么是axios?与request有何区别?
什么是axios?
axios其实和ajax及request作用都是一样的,它是一个基于 Promise 的 HTTP 客户端,专门为浏览器和 node.js 服务,来进行XMLHttpRequests数据请求,在Vue 2.0版本中官方使用了axios来代替原来的request默认数据请求方法。
它可以在浏览器中发送 XMLHttpRequests 请求,也可以在 node.js 中发送 http 请求,同时支持 Promise API,并进行拦截请求和响应、转换请求和响应数据及取消请求,并自动进行json格式的转化,同时客户端支持防范 XSRF 攻击。

如何在vue项目中安装并使用axios?
1.使用npm命令行安装axios模块:$ npm install axios
2.在main.js文件中引入package, import axios from 'axios'
3.进行全局绑定:Vue.prototype.$http = axios,然后在vue文件中使用$http来替换axios

axios的get请求写法
axios.get('/user', {
    params: {
      name: "巩义网站建设"
    }
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  }); 

axios的post请求写法
axios.post('/user', {
    name: '巩义网站建设',
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

以上内容就是关于axios的功能介绍及使用,它可以被认为是对request请求的升级使用,在vue之后的版本中,数据请求均会采用axios进行数据请求的方法。


本文关键词: axios 未经允许不得转载:郑州网站建设|郑州网站制作|荥阳网站建设|巩义网站建设|网站优化-全栈网络



说点什么吧
  • 全部评论(0
    还没有评论,快来抢沙发吧!
Copyright © 2017-2020 版权所有:全栈网络工作室 备案号:豫ICP备2023004016号 HTML网站地图
郑州网站制作|郑州做网站|巩义网站制作|荥阳做网站|巩义做网站-全栈网络