问题描述：前端访问外部链接实现某些数据的查询，但是浏览器跨域

解决方法：使用jsonp处理

1、安装jsonp 0.2.1版本

npm i jsonp

2、在vue页面中引入和使用

import originJSONP from 'jsonp'

let url4 = 'https://www.xxxapi.com/api';
let opts={

    name:'callback',
    prefix:'callbackname'
}
originJSONP(url4, opts, (err, data)=>{
    if (!err) {
        console.log(data);
        this.weatherJson = data;
    } else {
        console.log(err)
    }
})

3、originJSONP函数介绍

originJSONP(url, opts, fn),有3个参数
1.fn 回调方法，用es6 Promise
2.url (String) 服务器端数据接口地址
3.opts (Object) 一般只需关注param即可
3.1 param (String) 默认是callback,这是与后端约定的参数名称，也可以随便定义，只要前后端统一
3.2 timeout (Number) 请求超时时间，默认是6000ms
3.3 prefix (String) callback值的前缀，默认是__jp
3.4 name (String) 指定全局注册的回调方法名，一般不会用到，因为默认是prefix+自增数字
原文链接：https://blog.csdn.net/ThinkPet/article/details/109730113