vue-cli3 调用jsonp

 

因为项目是对旧项目的重构，旧项目有用到jsonp格式，直接用axios调用会出现null字符串，而且返回的格式也不是json形式

所以需要增加对jsonp的使用，具体如下：

1、添加jsonp依赖

npm i jsonp --save-dev 

 2、在页面中引用jsonp

import jsonp from "jsonp";

 3、在页面中使用用jsonp

      需注意以下两点：

    a、jsonp没有单独设置参数的地方，需要将参数拼接到url上

 param(data) {
      var str = "";
      for (var k in data) {
        var value = data[k] !== undefined ? data[k] : "";
        str += "&" + k + "=" + encodeURIComponent(value);
      }
      return str;
    },

  b、由于jsonp是独立于axios，因此不能使用axios的baseURL，即不能使用axios的跨域设置，在url中需要添加baseUR