国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

spring mvc與vue.js集成,如何使用vue的history模式

DTeam / 1311人閱讀

摘要:前言前后臺(tái)分離的開發(fā)模式可以提高效率,方便優(yōu)化,本文章主要分享如何在已經(jīng)在中集成了訪問(wèn)模式的情況下,怎么改成的模式集成。

前言

前后臺(tái)分離的開發(fā)模式可以提高效率,方便優(yōu)化,本文章主要分享如何在已經(jīng)在spring mvc中集成了vue.js hash#訪問(wèn)模式的情況下,怎么改成vue.js的history模式集成。

部署目錄結(jié)構(gòu)

前端(vue.js部分)

主要是兩個(gè)文件
1.vue.js生產(chǎn)打包配置文件config/index.js中assetsPublicPath為發(fā)布到服務(wù)器的項(xiàng)目工程根目錄

2.路由對(duì)象中設(shè)置

mode: "history",//訪問(wèn)模式為history,不帶#
base: "/NALM",//項(xiàng)目工程根目錄

后端(spring mvc部分)

1先說(shuō)web.xml部分
先設(shè)置404錯(cuò)誤頁(yè)面攔截到/index.html(與vue官網(wǎng)配置一個(gè)道理,官網(wǎng)上寫的是Nginx和Apache的攔截)

2.spring mvc攔截說(shuō)明
因?yàn)槲业膕pring mvc工程為/匹配到Controller里面去這里有一個(gè)問(wèn)題,只配置上面的步驟,這里就會(huì)有一個(gè)問(wèn)題,頁(yè)面請(qǐng)求全部到DispatcherServlet里面去了,需要在mvc的配置文件中聲明/index.html和static文件夾為resources就可以了

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/70789.html

相關(guān)文章

  • 關(guān)于框架

    摘要:事件訂閱發(fā)布者模式什么是讀音類似于是一套構(gòu)建用戶界面的漸進(jìn)式框架。與其他重量級(jí)框架不同的是,采用自底向上增量開發(fā)的設(shè)計(jì)。 MVC && MVVM 前端框架前端 MV*框架的意義 被誤解的MVC和被神化的MVVM Vue.js新手入門指南 單頁(yè)應(yīng)用SPA的路由 單頁(yè)面應(yīng)用的路由問(wèn)題 本文是在自己總結(jié)時(shí),看了許多篇文章有了些體會(huì),然后把我認(rèn)為有意義的摘抄下來(lái),文中很大部分摘錄以上...

    Richard_Gao 評(píng)論0 收藏0
  • SpringBoot-vue 基于Java微服務(wù)全棧快速開發(fā)實(shí)踐

    摘要:本項(xiàng)目將使用配合最簡(jiǎn)單的邏輯來(lái)展示一個(gè)基于的微服務(wù)全棧快速開發(fā)實(shí)踐的。提供一系列大型項(xiàng)目常用的非功能性特征,比如內(nèi)嵌服務(wù)器,安全,指標(biāo),健康檢測(cè),外部化配置。 SprintBoot-Vue SpringBoot + 前端MVVM 基于Java的微服務(wù)全棧快速開發(fā)實(shí)踐 showImg(https://segmentfault.com/img/remote/1460000010167913...

    FleyX 評(píng)論0 收藏0
  • SpringBoot-vue 基于Java微服務(wù)全棧快速開發(fā)實(shí)踐

    摘要:本項(xiàng)目將使用配合最簡(jiǎn)單的邏輯來(lái)展示一個(gè)基于的微服務(wù)全棧快速開發(fā)實(shí)踐的。提供一系列大型項(xiàng)目常用的非功能性特征,比如內(nèi)嵌服務(wù)器,安全,指標(biāo),健康檢測(cè),外部化配置。 SprintBoot-Vue SpringBoot + 前端MVVM 基于Java的微服務(wù)全棧快速開發(fā)實(shí)踐 showImg(https://segmentfault.com/img/remote/1460000010167913...

    neu 評(píng)論0 收藏0
  • Vue.js 牛刀小試】:第十二章 - 使用 Vue Router 實(shí)現(xiàn) Vue前端路由控制

    摘要:而路由則是使用了中新增的事件和事件。總結(jié)這一章主要是介紹了如何使用在中構(gòu)建我們的前端路由。 系列目錄地址 一、基礎(chǔ)知識(shí)概覽 第一章 - 一些基礎(chǔ)概念(posted at 2018-10-31) 第二章 - 常見的指令的使用(posted at 2018-11-01) 第三章 - 事件修飾符的使用(posted at 2018-11-02) 第四章 - 頁(yè)面元素樣式的設(shè)定(posted a...

    cpupro 評(píng)論0 收藏0
  • 從頭開始學(xué)習(xí)vue-router

    摘要:路由模塊的本質(zhì)就是建立起和頁(yè)面之間的映射關(guān)系。這時(shí)候我們可以直接利用傳值了使用來(lái)匹配路由,然后通過(guò)來(lái)傳遞參數(shù)跳轉(zhuǎn)對(duì)應(yīng)路由配置于是我們可以獲取參數(shù)六配置子路由二級(jí)路由實(shí)際生活中的應(yīng)用界面,通常由多層嵌套的組件組合而成。 一、前言 要學(xué)習(xí)vue-router就要先知道這里的路由是什么?為什么我們不能像原來(lái)一樣直接用標(biāo)簽編寫鏈接哪?vue-router如何使用?常見路由操作有哪些?等等這些問(wèn)...

    tommego 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<