[聚合文章] spring mvc与vue.js集成,如何使用vue的history模式

vue.js 2017-12-13 63 阅读

前言

前后台分离的开发模式可以提高效率,方便优化,本文章主要分享如何在已经在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就可以了

注:本文内容来自互联网,旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜,请你联系站长进行处理。