node.js - webpack打包后的靜態(tài)資源,怎么直接訪問(wèn)?
問(wèn)題描述
現(xiàn)在我做的一個(gè)項(xiàng)目是在electron下用vue.js + vue-router + webpack,我就是想問(wèn)下,在項(xiàng)目打包后,直接打開(kāi)index.html他是直接訪問(wèn)App.vue,但是我建的路由我試了N多方法,貌似都不行,比如:index.html/login,login是一個(gè)組件 login.vue。對(duì)了,在開(kāi)發(fā)模式下(npm run dev)用http://localhost:8080/login,這樣是可以正常訪問(wèn)的。
我現(xiàn)在能想到的解決方案有兩個(gè):1、有沒(méi)有什么辦法在electron啟動(dòng)的時(shí)候啟動(dòng)一個(gè)server服務(wù)器?沒(méi)試過(guò),無(wú)從下手。2、是不是webpack在沒(méi)server的情況下,不能用路由?
求大神指點(diǎn)下。
問(wèn)題解答
回答1:hello.可以把你用的vue+express+webpack+mysql做得架構(gòu)的項(xiàng)目.分享一下么,親.小弟目前也在學(xué)習(xí)這方面的知識(shí),能夠回答萬(wàn)分感謝
回答2:npm中的http-server可以看一下
回答3:http://localhost:8080/assert/...
回答4:你是不是在路由那里,設(shè)置了history,沒(méi)有設(shè)置的話直接打開(kāi)應(yīng)該是index.html#/login如果要用http服務(wù)器npm install -g live-server 進(jìn)入dist文件夾,執(zhí)行l(wèi)ive-server
回答5:我也有一個(gè)疑惑,如何通過(guò)express開(kāi)啟的3000端口來(lái)直接訪問(wèn)webpack打包后的靜態(tài)資源文件。說(shuō)明下我做的單頁(yè)面應(yīng)用。
![css3 - [CSS] 動(dòng)畫效果 3D翻轉(zhuǎn)bug](http://www.aoyou183.cn/attached/image/news/202304/110831f073.png)