前后端分离如何打包，放在tomcat的wabapp里跑

Question

前端打vue包 出来个文件夹，然后放Liunx 里的tomcat上能运行就是没有后台数据。
然后就是后台它就是个maven项目，里面有相应接口与vue能匹配到，后端它有自己的前台但是没用到，空的。
不知道这俩前后端分离的是怎么能和一块打成包跑。后端没启动类，就很奇怪，不是springboot项目。
后端得打成jar包吗？

Answer 1

简单的排查方法，看访问vue项目的请求，打开调试模式看访问后端的接口和端口是否正确

我们正常是nginx负载，通过指定前缀路由到后端

Answer 2

前端的端口和后端的端口全改成8080，或者改成你自定义的

Answer 3

如果前端和后端分别在不同的服务器上面，有可能是跨域的问题。

Answer 4

vue项目就想象成后端项目的一个页面就行
后端虽说有自己的页面，但是不影响

Answer 5

代码查找有没有项目main主入口方法，有则是命令方式启动，需打jar包，没有则是容器启动，需打war包。vue没有获取到后端数据，需检查接口地址是否匹配。

Answer 6

可以试试修改pom的package为war，然后打包放在tomcat里面试试

Answer 7

前端Vue项目中有对应的接口访问地址，接口地址就是后端项目的地址。
你可以在前端项目启动里面，开启开发者模式，查看对应的调用的接口地址

Answer 8

• 前端编译后把dist里面的内容全部复制到tomcat的webapp/ROOT目录下
• 后端把编译后的WEB-INF复制到ROOT目录下
• classes目录是在WEB-INF目录里面
• 可以放在一起部署

如有帮助，请采纳，十分感谢！

Answer 9

后端maven项目需要打war包放tomcat里运行，vue项目可以打包放在tomcat的webapp里,后端项目访问vue打包那个目录的index.html就可以访问了，vue能请求后台接口的。

Answer 10

可以看一下这篇博客哦:boot2.0+vue前后端分离开发，打包时vue整合到boot中打成war部署至tomcat_咖啡加糖_的博客-CSDN博客

Answer 11

vue项目打成jar包运行：http://t.csdn.cn/swgwA

Answer 12

后端，你要放在tomcat中就打成war包，如果不放在tomcat中就达成jar包运行就行
前端，你可以通过nginx部署，也可以创建个后端服务，把前端文件放到后端服务的resources/static目录下，按照后端的部署，部署上去就行