摘要:開(kāi)始準(zhǔn)備注意,我的用的視圖模板是,靜態(tài)文件夾路徑默認(rèn)是,我們目的就是要把這個(gè)打包好的文件夾,整個(gè)放進(jìn)去這里。執(zhí)行,會(huì)出現(xiàn)一個(gè)文件夾在項(xiàng)目目錄里。把這個(gè)文件夾到的記住,是整個(gè)連文件夾一起過(guò)來(lái)。
這個(gè)需求不知道是不是合適,因?yàn)殪o態(tài)的vuejs項(xiàng)目,用nginx部署,聽(tīng)說(shuō)很快。
一般有這個(gè)需求的,都是用tomcat來(lái)部署java項(xiàng)目,tomcat轉(zhuǎn)發(fā)靜態(tài)vuejs,應(yīng)該不會(huì)很快。
好吧,以上都是聽(tīng)說(shuō)。。。應(yīng)該。。。實(shí)際嘛?。。。
廢話不多講,馬上搞起。
這里第一句要說(shuō)的是,目前這個(gè)方式我認(rèn)為只支持#這個(gè)方式的路由,如果改成了html5的mode: "history",應(yīng)該是不支持的。
開(kāi)始準(zhǔn)備:
注意,我的springboot用的視圖模板是thymeleaf,靜態(tài)文件夾路徑默認(rèn)是resources/static/,我們目的就是要把dist這個(gè)打包好的文件夾,整個(gè)放進(jìn)去這里。
1.修改vuejs的config/index.js,在里面找到assetsPublicPath,改為/dist/,記住,是build:{}這里的,不是上面dev:{}的。
2.執(zhí)行npm run build,會(huì)出現(xiàn)一個(gè)dist文件夾在vuejs項(xiàng)目目錄里。
3.把這個(gè)dist文件夾copy到springboot的resources/static/,記住,是整個(gè)dist連文件夾一起copy過(guò)來(lái)。
OK,搞掂。就是這么簡(jiǎn)單。
訪問(wèn)localhost/dist/index.html/#/就可以
PS:本人對(duì)webpack不熟悉,按理,只要修改上圖中的assetsRoot,可以直接build到最終路徑,不用手動(dòng)copy那么麻煩
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/76506.html
摘要:兼容,簡(jiǎn)單的前端框架半成品。數(shù)據(jù)查出來(lái)拋到前端覺(jué)得沒(méi)有一個(gè)好看的頁(yè)面展示不得勁。結(jié)果一路跑偏到前端,一入前端深似海。按趨勢(shì)來(lái)說(shuō),前后端分離必然還是需要各自擁有自己的服務(wù)器。 RAW = React(Router) + Ant design + Webpack GITHUB raw-ie8兼容IE8,簡(jiǎn)單的前端框架半成品。 · 20170826 是的,最近在搗鼓SpringBoot。數(shù)據(jù)...
摘要:對(duì)于一個(gè)每秒幀的狀態(tài)改變,清楚的知道那些節(jié)點(diǎn)被影響,更新它們,而避免那些不受影響節(jié)點(diǎn)的更新。而臟檢查或差分,往往會(huì)觸發(fā)整個(gè)子樹(shù)的重新渲染。截至目前還未發(fā)現(xiàn)開(kāi)放和可復(fù)現(xiàn)的。 原文地址:http://blog.evanyou.me/2015/1... vuejs是一個(gè)建造web界面的庫(kù)。配合其他工具,你也可以稱它為框架(盡管它更多的看起來(lái)像是一堆配合很好的工具集)。如果你從未聽(tīng)說(shuō)過(guò)vue,...
摘要:至于我為何要這么做,請(qǐng)聽(tīng)閏土娓娓道來(lái)。那么接下來(lái),正文從這開(kāi)始熟悉閏土的朋友都知道,我是從時(shí)代過(guò)來(lái)的前端,在剛接觸和這類框架的時(shí)候,完全可以用一臉懵逼來(lái)形容我,最為貼切。作者閏土少年出處本博客的文章如無(wú)特殊說(shuō)明,均為原創(chuàng),轉(zhuǎn)載請(qǐng)注明出處。 showImg(https://segmentfault.com/img/bVZjKW?w=670&h=442); 前言 在我動(dòng)筆寫這篇文章的時(shí)候,...
摘要:我有個(gè)定時(shí)器,這個(gè)注解是讓它發(fā)現(xiàn)定時(shí)器讓它去發(fā)現(xiàn)你的層如果你在創(chuàng)建項(xiàng)目的時(shí)候,忘記勾選某一些依賴的話不要緊,可以在文件里添加依賴。 前言 我之前是學(xué)SpringMVC的,后面聽(tīng)同學(xué)說(shuō)SpringBoot挺好用,極力推薦我學(xué)這個(gè)鬼。一開(kāi)始,在網(wǎng)上找SpringBoot的學(xué)習(xí)資料,他們博文寫得不是說(shuō)不好,而是不太詳細(xì)。我就在想我要自己寫一篇盡可能詳細(xì)的文章出來(lái)。 技術(shù)棧 Spring S...
閱讀 1008·2021-10-27 14:15
閱讀 2763·2021-10-25 09:45
閱讀 1923·2021-09-02 09:45
閱讀 3357·2019-08-30 15:55
閱讀 1798·2019-08-29 16:05
閱讀 3189·2019-08-28 18:13
閱讀 3109·2019-08-26 13:58
閱讀 442·2019-08-26 12:01