spring boot+vue前后端分离设计开发方案，字节跳动程序员面试题

springboot项目：

上面这是最简单的合并方式，但是如果作为工程级的项目开发，并不推荐使用手工合并，也不推荐将前端代码构建后提交到springboot的resouce下，好的方式应该是保持前后端完全独立开发代码，项目代码互不影响，借助jenkins这样的构建工具在构建springboot时触发前端构建并编写自动化脚本将前端webpack构建好的资源拷贝到springboot下再进行jar的打包，最后就得到了一个完全包含前后端的springboot项目了。

三、整合的核心问题处理

通过上面的整合后会出现两个比较大的问题：

1. 无法正常访问静态资源 。

2. vue router路由的路径无法正常解析 。

解决第一个问题，我们必须重新指定springboot的静态资源处理前缀，代码：

@Configuration

public class SpringWebMvcConfig extends WebMvcConfigurerAdapter {

@Override

public void addResourceHandlers(ResourceHandlerRegistry registry) {

registry.addResourceHandler(“/static/**”).addResourceLocations(“classpath:/static/”);

super.addResourceHandlers(registry);

}

}

解决第二个问题的方式是对vue的路由的路径做rewrite，交给router来处理，而不是springboot自己处理，rewrite时可以考虑路由的路径统一增加后最，然后在springboot中编写过滤拦截特定后缀来做请求转发交给vue的路由处理。如：

const router = new VueRouter({

mode: ‘history’,

base: __dirname,

routes: [

{

path: ‘/ui/first.vhtml’,

component: First

},

{

path: ‘/ui/second.vhtml’,

component: secondcomponent

}

]

})

后端拦截到带有vhtml的都交给router来处理，这种方式在后端写过滤器拦截后打包是完全可行的，但是前端开发的直接访问带后缀的路径会有问题。

另外一种方式是给前端的路由path统一加个前缀比如/ui，这时后端写过滤器匹配该前缀，也不会影响前端单独开发是的路由解析问题。过滤器参考如下：

/**

• be used to rewrite vue router

• @author yu on 2017-11-22 19:47:23.

*/

public class RewriteFilter implements Filter {

/**

• 需要rewrite到的目的地址

*/

public static final String REWRITE_TO = “rewriteUrl”;

/**

• 拦截的url,url通配符之前用英文分号隔开

*/

public static final String REWRITE_PATTERNS = “urlPatterns”;

private Set urlPatterns = null;//配置url通配符

private String rewriteTo = null;

@Override

public void init(FilterConfig cfg) throws ServletException {

//初始化拦截配置

rewriteTo = cfg.getInitParameter(REWRITE_TO);

String exceptUrlString = cfg.getInitParameter(REWRITE_PATTERNS);

if (StringUtil.isNotEmpty(exceptUrlString)) {

urlPatterns = Collections.unmodifiableSet(

new HashSet<>(Arrays.asList(exceptUrlString.split(“;”, 0))));

} else {

urlPatterns = Collections.emptySet();

}

}

@Override

public void doFilter(ServletRequest req, ServletResponse resp, FilterChain chain) throws IOException, ServletException {

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数Java工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Java开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Java开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024b （备注Java）

面试结束复盘查漏补缺

每次面试都是检验自己知识与技术实力的一次机会，面试结束后建议大家及时总结复盘，查漏补缺，然后有针对性地进行学习，既能提高下一场面试的成功概率，还能增加自己的技术知识栈储备，可谓是一举两得。

以下最新总结的阿里P6资深Java必考题范围和答案，包含最全MySQL、Redis、Java并发编程等等面试题和答案，用于参考~

重要的事说三遍，关注+关注+关注！

更多笔记分享

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

更多笔记分享

[外链图片转存中…(img-CGRQl9np-1712667063999)]

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
[外链图片转存中…(img-MvFB7XCc-1712667063999)]