vue3 配置跨域失败

如果你在使用 Vue3 时出现了跨域问题，可以尝试以下解决方法：

1. 使用 vue.config.js 进行配置

在项目根目录下创建一个 vue.config.js 文件，添加以下内容：

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:3000', // 修改为你的后端服务地址
        changeOrigin: true,
        pathRewrite: {
          '/api': ''
        }
      }
    }
  }
}

这里的配置会将以 `/api` 开头的请求代理到 `http://localhost:3000`，也就是后端服务地址。

2. 在请求头中添加 'Access-Control-Allow-Origin'

在后端代码中，在响应头中添加 'Access-Control-Allow-Origin'，将其值设置为 '*':

app.use(function(req, res, next) {
  res.header('Access-Control-Allow-Origin', '*');
  next();
});

这样就允许来自任何域名的请求访问该后端服务。

希望这些解决方法对你有所帮助！