vue跨域解决方案

Vue 跨域问题可以通过配置代理或者使用 JSONP 解决。

1. 配置代理

在 `vue.config.js` 中进行如下配置：

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:3000', // 接口的域名
        changeOrigin: true, // 是否跨域
        pathRewrite: {
          '^/api': '' // 重写路径
        }
      }
    }
  }
}

这里以接口地址以 `/api` 开头为例，将其代理到 `http://localhost:3000` 上。

2. 使用 JSONP

如果接口支持 JSONP，可以使用 Vue 的 `$jsonp` 方法来请求数据：

this.$jsonp('http://example.com/data', { param: 'callback' }).then(res => {
  console.log(res)
})

其中 `{ param: 'callback' }` 表示将请求参数中的 `callback` 替换为随机生成的回调函数名称。

需要注意的是，JSONP 只支持 GET 请求。

相关问题

springboot vue 跨域

Spring Boot 和 Vue 在跨域问题上的解决方法有以下几种：

1. 使用代理：在 Vue 项目中配置代理，将请求转发到后端服务器。

2. CORS 解决方案：在 Spring Boot 中配置允许跨域请求，具体配置方法请查阅 Spring Boot 相关文档。

3. 使用 Nginx 反向代理：将 Nginx 配置为反向代理，将请求转发到后端服务器，并且可以在 Nginx 中配置跨域请求。

选择哪种方法取决于项目需求和个人喜好，你可以根据自己的情况选择合适的方法解决跨域问题。