vue3+ts怎么写跨域

在 Vue 3 中，跨域可以通过在后端设置 CORS（跨域资源共享）来实现。如果后端没有设置 CORS，你可以在前端通过使用代理来解决跨域问题。以下是使用代理解决跨域的步骤：

1. 在项目根目录下创建 `vue.config.js` 文件。

2. 在 `vue.config.js` 文件中添加以下代码：

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:3000', // 将请求代理到本地的 3000 端口
        changeOrigin: true,
        pathRewrite: {
          '^/api': '' // 将请求路径中的 /api 去掉
        }
      }
    }
  }
}

3. 在前端使用时，将请求路径中的 `/api` 替换为代理的路径即可。

例如，原本的请求路径为 `http://localhost:8080/api/users`，现在需要改为 `http://localhost:8080/users`。

注意：这种方式只适用于开发环境，生产环境中需要在后端设置 CORS。