jsonp解决vue跨域问题

你可以使用 JSONP 解决 Vue 跨域问题。JSONP 是一种跨域请求的方法，它通过动态创建 `<script>` 标签来进行跨域请求，然后服务器返回的数据会被包裹在一个函数调用中，从而实现跨域数据的获取。

在 Vue 中使用 JSONP，你可以按照以下步骤操作：

1. 安装 JSONP 插件：首先，你需要安装一个 JSONP 插件。可以使用 `vue-jsonp` 或者其他类似的插件。你可以通过 npm 或者 yarn 安装它们。

2. 导入 JSONP 插件：在需要使用的组件中，导入 JSONP 插件。

import VueJsonp from 'vue-jsonp';

3. 注册 JSONP 插件：在 Vue 实例中，注册 JSONP 插件。

Vue.use(VueJsonp);

4. 发送 JSONP 请求：使用 `$jsonp` 方法发送 JSONP 请求。你需要提供一个包含 URL 和回调函数名称的对象作为参数。

this.$jsonp('https://api.example.com/data', {
  callbackName: 'callback',
}).then(response => {
  console.log(response);
}).catch(error => {
  console.error(error);
});

这样，你就可以使用 JSONP 解决 Vue 跨域问题了。请注意，使用 JSONP 请求可能存在安全风险，因为它依赖于服务器返回的数据是否可信。请确保你信任请求的来源。