请求封装 -axios\jsonp

最新推荐文章于 2024-07-15 02:33:27 发布

Happy_ForestXie

最新推荐文章于 2024-07-15 02:33:27 发布

阅读量290

点赞数

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/qq_33188846/article/details/89921792

js 专栏收录该内容

6 篇文章

订阅专栏

博客围绕axios和jsonp进行请求封装相关内容。axios和jsonp是在信息技术领域用于网络请求的常用方式，对它们进行封装可提高开发效率和代码可维护性。

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

import JsonP from 'jsonp'
import axios from 'axios'
import { Modal } from 'antd'
export default class Axios {
    static jsonp(options) {
        return new Promise((resolve, reject) => {
            JsonP(options.url, {
                param: 'callback'
            }, function (err, response) {
                if (response.status === 'success') {
                    resolve(response);
                } else {
                    reject(response.messsage);
                }
            })
        })
    }
    static get(url,params){
        let potions = {}
        potions.url = url
        potions.method = 'get'
        potions.data = params || ''
        return this.ajax(potions)
    
    }
    static post(url,params){
        let potions = {}
        potions.url = url
        potions.method = 'post'
        potions.data = params || ''
        return this.ajax(potions)
    }
    static ajax(options){
      let baseApi  = 'http://172.0.0.1'
      return new Promise((resolve,reject)=>{
        axios({
             url:options.url,
             method:options.method,
             baseURL:baseApi,
             timeout:5000,
             params:options.data ||''
         }).then((response)=>{
             if(response.status=='200'){
                var res = response.data
                if(res.success){
                    resolve(res)
                }else{
                    Modal.info({
                        title:"提示",
                        content:res.msg
                    })
                }
             }else{
                reject(response.data)
             }
         })
      })  
    }
}