springboot+vue做前后端不分离

开发阶段:vue 使用config/index.js 中的proxyTable设置代理,/api替换后台的接口地址

前段发起请求的时候:

接口注意以/api开头,例如:http://localhost:8080/api/comm/open

因为打包时proxyTable不会被打包进去,如果不以/api开头,打包好请求

http://localhost:8080/api/comm/open自然会404

开发的时候/api会被代理替换成localhost:8080/api

那么请求的时候真实地址就是:localhost:8080/api/comm/open

然后打包vue,将打包好的css,js..文件夹丢进springboot项目的static文件夹里,index.html丢进templates文件夹内,别忘了添加thymeleaf依赖,

最后写个controller跳转到index.html即可