vue3的跨域问题怎么解决

在 Vue3 中解决跨域问题，有以下几种方法：

1. 代理

可以使用 Vue CLI 提供的 proxy 选项，通过配置代理服务器将 API 请求转发至后端服务器。在项目根目录下的 vue.config.js 中添加以下代码：

module.exports = {
  devServer: {
    proxy: {
      // 将以 /api 开头的请求代理到 http://localhost:3000/api
      '/api': {
        target: 'http://localhost:3000',
        changeOrigin: true,
        pathRewrite: {
          '^/api': '/api'
        }
      }
    }
  }
}

2. JSONP

JSONP 是一种跨域请求的方式，可以通过 script 标签加载一个 JSONP 脚本，该脚本会执行一个回调函数，返回数据作为参数传入该函数。Vue3 中可以使用第三方库，如 jsonp 或 axios-jsonp 来实现 JSONP 请求。

import jsonp from 'jsonp'

jsonp('http://example.com/data', null, (err, data) => {
  if (err) {
    console.error(err.message)
  } else {
    console.log(data)
  }
})

3. CORS

如果后端服务器支持 CORS，可以在 Vue3 中直接发送 AJAX 请求，后端服务器会在响应头中添加 Access-Control-Allow-Origin 等 CORS 相关的头信息。

import axios from 'axios'

axios.get('http://example.com/data')
  .then(response => {
    console.log(response.data)
  })
  .catch(error => {
    console.error(error.message)
  })

以上就是几种在 Vue3 中解决跨域问题的方法，可以根据实际情况选择适合的方法。