解决前后端分离开发，后端重定向不到前端页面问题

Posted 2023-04-24

参考技术A 公司项目使用的是springboot+angularjs这种前后端不完全分离的开发方式，前段时间把项目改成springboot+vue前后端完全分离，开发过程中有个后端重定向问题。后端项目地址： http://localhost:8080/ ，前端项目地址： http://localhost:9090/ ，比如后端 redirct:"/#/main" 重定向到这个页面，浏览器重定向的却是 http://localhost:8080/#/main 后端项目的地址，找了很久最终在webpack中找到解决方案。

我们可以在 devServer.proxy.onProxyRes 中做处理，配置如下:

前后端分离与不分离的区别总结

参考技术A 前后端不分离：

        在前后端不分离的情况下，前端页面看到的效果都是有后端控制的，由后端渲染页面或重定向，也就是后端需要控制前端的展示，前端与后端的耦合度很高。

这种模式比较适合纯文本的形式，但如果是后端对接APP时，App不仅仅给后端返回一个HTML网页也可能只有数据本身，所以这种模式不适合与APP对接，为了与APP数据对接我们还必须开发一套适合APP的接口。

前后端分离：

        在前后端分离模式下，后端仅返回前端所需要的数据，不在渲染前端页面