vue3中如何解决跨域问题（真正意义上的一行代码解决跨域）

在使用 Vue 3 时，解决跨域问题通常涉及对开发服务器的配置和可能的后端更改。以下是一些常见的方法：

 使用 Vue CLI 的代理配置

如果你使用 Vue CLI 创建的项目，可以在 vue.config.js 文件中配置一个代理。这个代理会将前端开发服务器的某些请求转发到不同的后端服务器，从而绕过浏览器的同源策略。

// vue.config.js
module.exports = {
    devServer: {
        proxy: {
            '/api': {
                target: 'http://backend-server.com',  // 后端服务地址
                changeOrigin: true,  // 允许改变源
                pathRewrite: {
                    '^/api': ''  // 将路径中的 /api 替换为空
                }
            }
        }
    }
};

所有发送到 /api 的请求都会被代理到 http://backend-server.com。