zoukankan      html  css  js  c++  java
  • Vue从了解到清晰-Vue2.0中使用vue-jsonp解决跨域问题(看看这篇就够了)

    1、执行命令:
    npm install vue-jsonp --save
    

       

    2、src/main.js中添加:
    import VueJsonp from 'vue-jsonp'
    Vue.use(VueJsonp)
    3、其它组件中基本使用方法:
    this.$jsonp(rootApi+'/company/Info'', 传参参数对象{} ).then(json => {
      // 返回数据 json, 返回的数据就是json格式
    }).catch(err => {
      console.log(err)
    })
    4、其他实例:
     
    4.1:
    this.$jsonp(ApiRoot+'/company/Info', 
    {   callbackQuery:
    'callbackParam', // jsonp key //请求传递参数 1   callbackName: 'jsonpCallback', // jsonp key //请求传递参数 2   name: 'zhangsan', //请求传递参数 3   type: 6 //请求传递参数 4 }
    ).then(json => {   // 返回数据 json, 返回的数据就是json格式 }).catch(err => {   console.log(err) })
    4.2:
    this.$jsonp(ApiRoot+'/company/Info', 
      Object.assign(this.$store.state.common, {callbackQuery: 'callbackParam', callbackName: 'jsonpCallback'})
    ).then(json => {   _this.pageData = json.result }).catch(err => {   console.log(err) }) 
     
    ----
    说明:Object.assign() 为 es6 javascript对象方法,功能是合并多个对象数据
     
     
    本文地址:https://www.cnblogs.com/rapale/p/7839203.html
     
     
     

  • 相关阅读:
    [Windows Powershell]-学习笔记(1)
    MyBatis For .NET学习-问题总结
    Zynq学习笔记(1)
    规范的位操作方法
    浮点数转换成字符串函数
    测试卡尔曼滤波器(Kalman Filter)
    关于按键扫描程序的终极讨论
    关于STM8的用户数据空间读写问题
    IPv4分析
    关于STM8空间不足的解决方法
  • 原文地址:https://www.cnblogs.com/rapale/p/7839203.html
Copyright © 2011-2022 走看看