前言

前后台分离的开发模式可以提高效率，方便优化，本文章主要分享如何在已经在spring mvc中集成了vue.js hash#访问模式的情况下，怎么改成vue.js的history模式集成。

部署目录结构

前端(vue.js部分)

主要是两个文件
1.vue.js生产打包配置文件config/index.js中assetsPublicPath为发布到服务器的项目工程根目录

2.路由对象中设置

mode: 'history',//访问模式为history，不带#
base: '/NALM',//项目工程根目录

后端(spring mvc部分)

1先说web.xml部分
先设置404错误页面拦截到/index.html(与vue官网配置一个道理，官网上写的是Nginx和Apache的拦截)

2.spring mvc拦截说明
因为我的spring mvc工程为/匹配到Controller里面去这里有一个问题，只配置上面的步骤,这里就会有一个问题，页面请求全部到DispatcherServlet里面去了，需要在mvc的配置文件中声明/index.html和static文件夹为resources就可以了