vue数据请求---（fetch-jsonp）

最新推荐文章于 2025-02-18 08:41:48 发布

Always_Love

最新推荐文章于 2025-02-18 08:41:48 发布

阅读量1.1k

点赞数 2

分类专栏：入门 vue

本文链接：https://blog.youkuaiyun.com/Always_Love/article/details/105267549

版权

入门同时被 2 个专栏收录

33 篇文章

订阅专栏

vue

13 篇文章

订阅专栏

本文介绍了如何在Vue项目中使用fetch-jsonp库进行跨域数据请求。从安装配置到具体使用方法，包括全局引入的步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

fetch-jsonp 数据请求跨域

一、安装、配置

1. 安装 npm install fetch-jsonp
2. main.js文件导入 import fetch from 'fetch-jsonp'
3.  当前组件使用		import FetchJsonp from "fetch-jsonp";

二、使用

FetchJsonp(src, {
      jsonpCallback: "cb", //指定回调函数的参数
      jsonpCallbackFunction: "getData", //指定回调函数的函数名称
      timeout: 2000 //请求超时
    })
      .then(res => {
        console.log(res);
        //           {ok: true, json: ƒ}
        //          json: ƒ json()
        //          ok: true
        //           __proto__: Object
        return res.json();
      })
      .then(res => {
        //success
        console.log(res.s);
      })
      .catch(error => {
        console.log(error);
      });