vue jsonp跨域请求

在Vue中，可以使用jsonp来进行跨域请求。下面是一个使用Vue和jsonp的示例：

首先，安装jsonp库：

npm install jsonp --save

然后，在Vue组件中，可以使用jsonp来发送跨域请求。例如，假设我们要从一个API获取数据：

import jsonp from 'jsonp';

export default {
  data() {
    return {
      data: null
    };
  },
  mounted() {
    this.getData();
  },
  methods: {
    getData() {
      const url = 'https://api.example.com/data';
      jsonp(url, null, (err, response) => {
        if (err) {
          console.error(err);
        } else {
          this.data = response;
        }
      });
    }
  }
}

在上面的例子中，我们使用了jsonp库的jsonp函数来发送跨域请求。第一个参数是请求的URL，第二个参数是请求的参数（可以为空），第三个参数是回调函数，当请求完成时会被调用。

需要注意的是，由于jsonp是通过动态创建一个script标签来实现的，所以返回的数据必须是一个JavaScript函数调用。在服务器端，返回的数据应该是一个类似于callbackFunction({data: 'example'})的字符串。jsonp库会自动解析这个字符串，并将返回的数据传递给回调函数。

另外，由于jsonp是通过动态创建script标签来发送请求的，所以在使用jsonp时，服务器需要支持jsonp请求，即要在返回的响应头中添加Access-Control-Allow-Origin字段，允许指定的域名进行跨域请求