【Vue】jsonp 在 Vue 中的使用

刺骨的言语ヽ痛彻心扉 2023-02-13 03:17 127阅读 0赞

本期内容

在前端访问后端数据的时候经常会出现跨域问题，jsonp 便是其中一种解决的方式，前提是接口能够支持 jsonp 的访问。

目录

1、安装

2、添加到 main.js 中

3、按如下语法使用

4、以访问百度鹰眼轨迹 API 为例，发起 Get 请求

1、安装

  1. npm install vue-jsonp --save

2、添加到 main.js 中

  1. import VueJsonp from 'vue-jsonp'
  2. Vue.use(VueJsonp)

3、按如下语法使用

  1. var jsonParams={
  2.     paramsA : ...
  3. }
  4. this.$jsonp('url',jsonParams).then(res => {
  5.   ...
  6. })

4、以访问百度鹰眼轨迹 API 为例，发起 Get 请求

以下请求仅展示，具体需求请参考 百度鹰眼轨迹API

  1. // 获取轨迹信息
  2.     getTrackInfo () {
  3.       var params = {
  4.         ak: '...',
  5.         service_id: '...',
  6.         entity_name: '...',
  7.         start_time: ...,
  8.         end_time: ...,
  9.         dataType: 'jsonp'
  10.       }
  11.       this.$jsonp('http://yingyan.baidu.com/api/v3/track/gettrack', params).then(res => {
  12.         console.log('res',res)
  13.       }).catch(err => {
  14.         console.log('err', err)
  15.       })
  16.     },

发表评论

表情：
评论列表 （有 0 条评论，127人围观）

还没有评论，来说两句吧...

相关阅读

    相关 在Vue中使用Echarts

    前端可视化是一个前端最基本的技能，要想做的好看，还是得借助一下百度家的echarts，那要怎么在Vue中使用echarts？这个官网没有给出实例，实例基本都是在jquery里面

    素颜马尾好姑娘i素颜马尾好姑娘i/ 0 赞/ 376 阅读

    相关 在Vue中使用Sass

    Sass 是什么？       Sass又称SCSS，它是CSS预处理之一。它在CSS语法的基础上增加了变量、嵌套、混合宏、继承、占位符等等高级功能。那什么是CSS预处理器呢

    柔光的暖阳◎柔光的暖阳◎/ 0 赞/ 500 阅读