SpringBoot微人事管理系统前后端分离附源码
简述：Spring boot+Vue 前后端分离项目部署，主要采用docker容器部署方式。Springboot项目部署：docker构建mysql环境+docker构建项目自身环境。Vue项目：使用docker启动nginx服务器方式代理部署。
以往大家会选择使用shiro或spring security都需要繁琐的配置定义拦截，前后端分离时还要搭配shiro，OAuth0跨域等等问题。sa-token在于方便、简单、拆箱即用，少量配置实现登录、权限拦截。
微人事是一个前后端分离的人力资源管理系统，项目采用 Spring Boot + Vue 开发。
spring-boot 支持多种模版引擎包括：我们在讲前后端分离之前，都会使用Thymeleaf模板引擎，先简单的介绍一下它。Thymeleaf是一个java类库，它是一个xml/xhtml/html5的模板引擎，可以作为mvc的web应用的view层。
返回数据一般会选择返回json数据，我们之前的demo项目中使用的@RestController就是一个返回数据的注解。spring-boot 支持多种模版引擎包括：我们在讲前后端分离之前，都会使用Thymeleaf模板引擎，先简单的介绍一下它。
vue3可以用于前后端不分离吗
前后端分离就是后端把数据都封装在一个url地址中，前端只要用ajax去请求就行。不用框架也能实现分离。vueangular是为开发效率而生的。
但是vue开发是前后端分离开发，通过api进行交互，客户端请求服务器返回json数据，由客户端进行渲染。不仅减轻了服务器的压力速度更快而且渲染更加优雅，代码更容易维护。
优点：性能好简单易用前后端分离单页面应用用户体验好缺点：vue是做单页应用的，多页应用虽然也可以做，但是不够灵活。 缺点：新生儿：Vue.js是一个新的项目，没有angular那么成熟。
如何利用vue和php做前后端分离开发?
1、可以自己封装，但现有相对好的数据引擎库有AngularJS、vueJS、Template7等，同时html模板引擎也需要，这样写页面就可以模块化开发。可以自己写，也可以用现成的，比如jade、React等。
2、vue在服务端部署时，我们都知道通过npm run build 指令打包好的dist文件，通过http指定是可以直接浏览的，Thinkphp通过域名指向index.php文件才可以浏览。
3、首先：软件系统架构的前后端分离更多是在近几年伴随互联网的盛行为提高前端与后端交互的响应速率，提升用户的体验进行衍生出了前后端分离架构。如：Vue、NodeJS与微服务架构结合。
4、防范CSRF的主要手段是识别请求者的身份，通过在表单中添加令牌（token）。
5、前后端不分离 在web应用早期的时候，前端页面以及后台业务数据处理的代码都放在一个工程下，甚至放在同一目录下，前端页面夹杂着后端代码。前、后端开发工程师都需要把整套代码导入开发工具才能开发。
vue前后端分离项目中,如何用*表示当前地址ip
后端服务器通过开放API的方式，向前端服务器中的前端项目提供数据或数据操作接口，以此实现前端与后端的衔接。
前后端分离项目，前端是由vue搭建，打包后交给运维人员进行部署，所以IP地址不固定，需要运维人员自己配置，前端项目中不能写固定api地址。
简述：Spring boot+Vue 前后端分离项目部署，主要采用docker容器部署方式。Springboot项目部署：docker构建mysql环境+docker构建项目自身环境。Vue项目：使用docker启动nginx服务器方式代理部署。
第一行 主要就是给nginx加权限，vue部署后使用history路由时会去掉地址后面的‘#’号，打包部署后不加权限会有bug。
最近的项目迭代中新增一个需求，需要在electron-vue 项目打包之后，启动exe 可执行程序的时候，动态获取配置文件中的 baseUrl 作为服务端的地址。
可以自己封装，但现有相对好的数据引擎库有AngularJS、vueJS、Template7等，同时html模板引擎也需要，这样写页面就可以模块化开发。可以自己写，也可以用现成的，比如jade、React等。
如何正确理解软件系统架构的前后端分离?
1、如果前端只有HTML文件，放到HTTP服务器上，浏览器只访问获取这些HTML就好了，数据是从后台程序提供的接口获得；这样才算是前后端就分离了。
2、前后端分离并不只是开发模式，而是web应用的一种架构模式。在开发阶段，前后端工程师约定好数据交互接口，实现并行开发和测试；在运行阶段前后端分离模式需要对web应用进行分离部署，前后端之前使用HTTP或者其他协议进行交互请求。
3、首先：软件系统架构的前后端分离更多是在近几年伴随互联网的盛行为提高前端与后端交互的响应速率，提升用户的体验进行衍生出了前后端分离架构。如：Vue、NodeJS与微服务架构结合。
4、前后端分离的意思是：前后端分离并非仅仅只是一种开发模式，而是一种架构模式。前后端分离已成为互联网项目开发的业界标准使用方式，通过【nginx+tomcat】的方式，也可以中间加一个nodejs，有效的进行解耦。
如何进行前后端分离
前后端分离的意思是，前后端只通过JSON来交流，组件化、工程化不需要依赖后端去实现。
通过将开发团队前后端分离化，让前后端工程师只需要专注于前端或后端的开发工作，是的前后端工程师实现自治，培养其独特的技术特性，然后构建出一个全栈式的精益开发团队。
）webpack设置proxy，这个通过webpack文档或GOOGLE一下可以解决。