记录一次SpringBoot跨域的踩坑经历——SpringSecurity跨域解决方案(/oauth/token 401)

目录

项目场景：

问题描述：

解决方案：

通用

终极方案

方案一

方案二

骚操作

---

项目场景：

目前在重构一个导购后端系统，我负责用户的模块和登录鉴权的整个业务的架构设计和代码编写

利用SpringBoot + SpringSecurity + Oauth2完成了简单的登录和鉴权

登录功能：首先需要调用/oauth/token接口，根据用户名密码获取toke，拿到token后将token放入请求头Header中再去请求其它接口。

接口开发完成并使用Postman测试通过，再由前端去画页面联调接口。

---

问题描述：

问题就出现在了前端接口联调这里，前端是用Vue完成的，安装好Nodejs环境使用 npm run dev 本地运行

此时前端的服务端口是8080，后端的用户鉴权服务使用的端口为8081，这里端口不一致就出现了跨域问题（端口、协议、域名不一致都会出现跨域问题）

前端和后端当然不可能同时使用8080端口

这里Vue提供了一个代理服务器，只需要在index.js中配置proxyTable相关的信息即可

    proxyTable: {
      // 这里配置 '/api' 就等价于 target , 你在链接里访问 /api === http://localhost:8081
      '/api': {
        target: 'http://localhost:8081/', // 真实服务器的接口地址
        secure: true, // 如果是 https ,需要开启这个选项
        changeOrigin: true, // 是否是跨域请求
        pathRewirte: {
          // 这里是追加链接,比如真是接口里包含了 /api,就需要这样配置.
          '/^api': 'api/', 
          // 等价于 
          // step 1  /api = http://localhost:8081/
          // step 2 /^api = /api + api == http://localhost:8081/api
        }
      }
     }

 这当然是一种解决方案，还有一种是前端工程打包放入Nginx，由Nginx做请求转发，这个只适用于生产环境。