关于axios以及jsonp的简单使用方法

ARGUS 发布于2019-08-20 18:35 / 1430人阅读

摘要：前端框架作者推荐使用进行数据请求，的使用方法非常简单，最近在使用碰到个小问题，于是记录一下如果是管理前端项目的话，直接安装就好，如果不是，那么直接引用就行了使用的时候在页面的中引入，下面是的函数式写法这里使用箭头函数，那么下面的指向就

vuejs前端框架作者推荐使用axios进行数据请求，axios的使用方法非常简单，最近在使用vuejs碰到个小问题，于是记录一下：
1.如果是npm管理前端项目的话，直接npm i axios --save-dev安装就好，如果不是，那么直接引用就行了
使用的时候在页面的script中import axios from "axios"引入，下面是es6的函数式写法

getList: function (page, limit) {
  axios.get("/api/v1/topics", {
    params: {
      page: this.page || 1,
      tab: this.tab,
      limit: this.limit || 20
    }
  }).then((response) => {//这里使用箭头函数，那么下面的this指向就没有问题了
    const data = response.data
    if (data) {
      this.list = data
    }
  }).catch((error) => {
    console.log(error)
  })
}

2.axios不支持jsonp，因为axios的作者觉得jsonp不太友好，推荐用CORS方式更为干净，但是jsonp支持范围更加广阔一些，一些老式的IE浏览器也能支持，所以有些公司还是jsonp用的多些，那么如果要使用jsonp,可以独立安装
npm i jsonp --save-dev 然后在页面中引用import jsonp from "jsonp"，使用方式也是非常简单的:

getList: function () {
 jsonp(config.ajaxUrl + "路径", null, (err, data) => {
   if (err) {
     console.error(err.message);
   } else {
     if (data.list.length > 0) {
       data.list.map((item) => this.list.push(item))
       console.log(data);
     }
   }
 })
}

GPU云服务器云服务器关于jdk的使用关于宏的使用关于使用linux的相关软件关于ecs云服务器的使用

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/84735.html

axios异步请求数据的简单使用

摘要：使用模拟好后端数据之后模拟数据的使用参考，就需要尝试请求加载数据了。数据请求选择了，现在都推荐使用。规定要发送到服务器的数据。布尔值，表示请求是否异步处理。要求为类型的参数，请求成功后调用的回调函数。在一个中重写回调函数的字符串。使用Mock模拟好后端数据之后（Mock模拟数据的使用参考：https://segmentfault.com/a/11...），就需要尝试请求加载数据了。数...

forsigner 2019-08-23 14:40 评论0 收藏0
Ajax详解

摘要：当请求完成后注册一个回调函数。该请求是否触发全局处理事件如等，请求发送前的回调函数，用来修改请求发送前，此功能可用来设置自定义头信息，在函数中返回将取消这个请求。例如，为请求指定一个回调函数名。即改变回调函数的，默认就是传入的整个对象。 Ajax Ajax 全称是 asynchronous javascript and xml，并不是新的编程语言，可以说是已有技术的组合，主要用来实现客...

jokester 2019-08-23 14:15 评论0 收藏0
关于跨域

摘要：服务端接收到请求后，通过该参数获得回调函数名，并将数据放在参数中将其返回收到结果后因为是标签，所以浏览器会当做是脚本进行运行，从而达到跨域获取数据的目的。在使用Vue搭建的一个后端管理系统中，我使用axios请求本地的Node环境下的接口，但是请求失败，然后我错误信息是：showImg(https://segmentfault.com/img/remote/1460000018521...

AlexTuan 2019-08-23 15:56 评论0 收藏0
杂篇 - Vue豆瓣系列文章

摘要：起初，项目使用的是，其提供的方法用着比较爽，由于项目的很多数据来自豆瓣的，直接上简单方便，跨域什么的不考虑。跨域问题，上面已经介绍，在不能操控的豆瓣数据上，使用的是。项目地址在线演示不识庐山真面目，只缘身在此山中。大概一个月前，开源了Vue重构豆瓣移动端的项目，效果还可以，收到了很多小伙伴的反馈，话说是要写一些文章的，但迟迟没有动笔，估计小伙伴们等的花都谢了，拖延症是病，需要治...

lijinke666 2019-08-20 16:53 评论0 收藏0
全面分析前端的网络请求方式

摘要：请求默认会携带同源请求的，而跨域请求则不会携带，设置的的属性为将允许携带跨域。类型请求成功后的回调函数。另外，同样提供了在环境下的支持，可谓是网络请求的首选方案。当网络故障时或请求被阻止时，才会标记为，如跨域不存在，网络异常等会触发。一、前端进行网络请求的关注点大多数情况下，在前端发起一个网络请求我们只需关注下面几点：传入基本参数（url，请求方式）请求参数、请求参数类型设...

Edison 2019-08-23 16:27 评论0 收藏0