解決Vue在Tomcat8下部署頁(yè)面不加載的問(wèn)題
更新時(shí)間：2019年11月12日 15:30:08 作者：愛吃肉的茂茂
今天小編就為大家分享一篇解決Vue在Tomcat8下部署頁(yè)面不加載的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
最新的項(xiàng)目剛剛用上Vue，遇到很多問(wèn)題，在Tomcat下部署時(shí)出現(xiàn)了頁(yè)面空白。
問(wèn)題：路由 mode history 模式在 dev 模式下沒有問(wèn)題，在 build 模式頁(yè)面空白，但靜態(tài)資源能正常引用
原因：部署在Tomcat上時(shí)并沒有在根目錄上，而是放置在了子文件夾下面，router 無(wú)法找到路徑中的組件，所以也就無(wú)法渲染了
解決：修改 router 下 index.js
以上這篇解決Vue在Tomcat8下部署頁(yè)面不加載的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
@click.native和@click的區(qū)別及說(shuō)明
這篇文章主要介紹了@click.native和@click的區(qū)別及說(shuō)明,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-08-08
Vue.js 是一套構(gòu)建用戶界面的漸進(jìn)式框架。我們可以使用簡(jiǎn)單的 API 來(lái)實(shí)現(xiàn)響應(yīng)式的數(shù)據(jù)綁定和組合的視圖組件。2017-03-03
vue?webpack打包原理解析(全網(wǎng)最新最全)
webpack是讓我們可以進(jìn)行模塊化開發(fā)，并且會(huì)幫助我們處理模塊間的依賴關(guān)系，這篇文章主要介紹了vue?webpack打包原理,本篇介紹的有點(diǎn)長(zhǎng)，希望大家耐心閱讀2023-02-02
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)按鈕切換圖片，正向反向以及順序切換，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-01-01
本篇文章主要介紹了Vue的Class與Style綁定的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09
vue?如何綁定disabled屬性讓其不能被點(diǎn)擊
這篇文章主要介紹了vue?如何綁定disabled屬性讓其不能被點(diǎn)擊，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要介紹了Vue-組件自定義事件的綁定和解綁，文中有詳細(xì)的圖文實(shí)例，對(duì)學(xué)習(xí)或工作有一定的參考價(jià)值，需要的小伙伴可以閱讀下2023-05-05
Vue實(shí)現(xiàn)路由懶加載的詳細(xì)步驟
路由懶加載是指在用戶實(shí)際訪問(wèn)某個(gè)特定路由時(shí),才加載該路由相關(guān)組件的機(jī)制,這種方式可以顯著減少初始加載時(shí)的 JavaScript 文件大小,從而提高應(yīng)用的加載速度,所以本文給大家介紹了Vue實(shí)現(xiàn)路由懶加載的詳細(xì)步驟,需要的朋友可以參考下2024-11-11
這篇文章主要介紹了vue devserver及其配置方法,本文結(jié)合示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-12-12
詳解vue2.0 不同屏幕適配及px與rem轉(zhuǎn)換問(wèn)題
這篇文章主要介紹了詳解vue2.0 不同屏幕適配及px與rem轉(zhuǎn)換問(wèn)題，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-02-02