网上已经有很多vue打包后放到resources目录的解决方案,也有vue前台微信插件然后请求后台方案,我就不Ctrl+C加Ctrl+V了。

说说我的分离部署的解决方案:

nginx反响代理后台路径,后端验证通过后跳转前端路径通过response.sendRedirect("前台的路径"),如/api,原来http://localhost:8080/user/login,变成http://xx.domain.cn/api/user/login,

开发时:

xx.domain.cn/通过nginx反向代理到指定的ngrok端口(可使用三级域名),然后开发机通过ngrok客户端连接,转到本地以后,本地通过nginx反向代理ngrok端口到vue的build目录及后台。

 发布时:

nginx反向代理vue的build文件及springBoot运行端口即可。最关键的是后端验证通过后跳转前端路径通过response.sendRedirect("前台的路径"),当然路径需要是前端的白名单路径。

Logo

OpenTiny 是企业智能前端开发解决方案,以生成式 UI 和 WebMCP 两大自主核心技术为基础,加速企业应用的智能化改造。我们会在社区定期为大家分享一些前后端的技术文章。

更多推荐