vue 登录跨域 ！ 急！

Question

前端已经配置proxy，但是点击登录接口还是报错，跨域问题，状态码403（测试过接口没问题）

Answer 1

阿里嘎多学长整理AIGC生成，因移动端显示问题导致当前答案未能完全显示，请使用PC端查看更加详细的解答过程

Vue 登录跨域问题解决方案

你已经配置了 proxy 代理，但是仍然出现跨域问题，状态码为 403。这个问题可能是因为 proxy 代理没有正确配置或 Vue 项目的 CORS 配置问题。

以下是一些可能的解决方案：

1. 检查 proxy 代理配置：确保 proxy 代理配置正确，例如在 vue.config.js 文件中添加以下配置：

module.exports = {
  // ...
  devServer: {
    proxy: {
      '/api': {
        target: 'http://your-target-domain.com',
        changeOrigin: true,
        pathRewrite: { '^/api': '' }
      }
    }
  }
}

其中，/api 是你要代理的 API 路径，http://your-target-domain.com 是目标域名。

1. 检查 Vue 项目的 CORS 配置：在 Vue 项目中，使用 axios 或 vue-axios 库时，可以使用 withCredentials 选项来启用 CORS：

import axios from 'axios';

axios.create({
  withCredentials: true
});

1. 检查服务器端的 CORS 配置：如果你使用 Node.js 服务器，可以在服务器端配置 CORS：

app.use((req, res, next) => {
  res.header('Access-Control-Allow-Origin', '*');
  res.header('Access-Control-Allow-Headers', 'Content-Type');
  next();
});

1. 检查浏览器的 CORS 配置：在浏览器中，可以使用 Chrome 浏览器的开发者工具，检查 CORS 配置是否正确。

如果以上解决方案都不能解决问题，请提供更多的错误信息和代码，方便我更好地帮助你解决问题。