网上已经有很多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

前往低代码交流专区

更多推荐