vue和jsp都是現在非常流行的前端開發技術，是中小型企業開發前端應用的不二選擇。不過，當你需要將vue和jsp整合部署在同一個web應用中時，可能會遇到一些問題。

下面將介紹如何在Spring MVC框架下使用JSP和Vue.js技術進行前后端分離式的應用部署。

// Vue.js 的開發環境部署方式
npm install vue-cli -g
vue init webpack my-project
cd my-project
npm install
npm run dev
// Spring MVC 部署Jsp頁面的配置
@Configuration
@EnableWebMvc
@ComponentScan("com.belphegor.common.expert.controller")
public class WebMvcConfig extends WebMvcConfigurerAdapter {
@Autowired
private ApplicationContext applicationContext;
@Bean
public InternalResourceViewResolver internalResourceViewResolver() {
InternalResourceViewResolver bean = new InternalResourceViewResolver();
bean.setApplicationContext(applicationContext);
bean.setPrefix("/WEB-INF/jsp/");
bean.setSuffix(".jsp");
return bean;
}
}

通過以上配置，我們可以得到以下結論：

• Vue 和 Spring MVC 可以協同工作
• Vue 負責前端渲染，SpringMVC 負責提供接口數據
• JSP 可以和 Vue 一起工作（當然也可以使用其他前端框架比如 React, Angular）

在工作中，我們經常需要集成 Vue 和后端接口，如果你是 Vue 的熟練使用者，可以直接寫 Axios 發請求，如果不是，可以使用 vue-resource 庫，更多內容詳見 Vue 官方文檔。至于前后端分離的優勢，相信文中所說就能感受到，現在前端已經走過 AJAX 時代，前后端分離技術將會變得越來越流行。