vue 前端 springboot 后端分离跨域求解

[madworks]

上一周整合 springsecurity 写个项目，前端用 vue，302 跳转登录遇到跨域问题，一直无法解决，前后端都使劲浑身节数不得姐，不管用 @crossorigin，corsconfigaddorigin*、192168，前端设置 axiosCredentials，webpackproxy 都不行，求问怎么解决，还有问下大家是习惯 vue 前端打包后当成静态和后端放在一起运行，还是分开运行

[jiangnan01]

接口用 postman 能通吗？如果能通，前端在开发环境配 proxy 应该也是可以的，不需要后端做任何事
至于到底是分开运行还是放到一起，看项目怎么要求了，能分开更好

[madworks]

@jiangnan01 没有 postman，就是本地能用，用同事机器访问我 ip 项目不能

[jiangnan01]

@madworks 你自己运行起来是前后端分开的还是放在一起的？同事访问的方式呢？

[madworks]

@jiangnan01 我自己访问是分开的，同事是访问我项目前端。而且我们另一个 vue 开发的项目发现 webpack 代理那里不能用 ip，必须写域名

[OldActorsSmile]

服务端 header 里配置允许跨域就好了，你看高德的 api，跨域调用它都没问题

[OldActorsSmile]

JAVA 我不熟，php 是这样写的：
header('Access-Control-Allow-Origin:*'); // *代表允许任何网址请求

[hafuhafu]

盲猜可能是复杂请求没处理 OPTIONS 吧，跨域是浏览器的行为，如果接口本身是正常的，postman 不会管跨不跨域，肯定能通的。

[ljpCN]

建议贴上完整的前端域名和 http 请求信息

[madworks]

@OldActorsSmile 这个我写过，不行好像

[anonydmer]

搞不定就搞个 nginx 代理下，去掉跨域啦

[madworks]

@ljpCN 这个 springsecurity 代码里看到过，应该他内部已经做处理了

[jiangnan01]

@madworks 你自己的前端项目配 proxy 了吗？

[madworks]

@jiangnan01 配了的

[OldActorsSmile]

@madworks

跨域的原理是浏览器为了安全而阻止。如果浏览器发现服务器 header 告诉它允许就可以。高德的 api 跨域就是这个原理。
有图有真相，你试试： https://shoujihao.zhishifufei.cn/

[THESDZ]

1.本地调试,使用 proxyTable
2.生产部署使用 nginx 反向代理到服务器 ip:port

以上为本人解决方式,仅供参考

[NULL2020]

```

@Override
public void addCorsMappings(CorsRegistry registry) {
registry.addMapping("/**")
.allowedOrigins("*")
.allowCredentials(true)
.allowedMethods("GET", "POST", "PUT", "DELETE", "OPTIONS")
.allowedHeaders("*");
}


```

[KuroNekoFan]

没啥必要就置同域吧

[madworks]

@NULL2020 这样写过，没用

[madworks]

@THESDZ 加了一层，这样做的目的是什么

[THESDZ]

@madworks 对于用户来说,前后端的资源请求在同一域内