vue打包后dist文件在本地啟動(dòng)運(yùn)行的步驟
更新時(shí)間：2023年09月07日 08:56:36 作者：橙櫻
這篇文章主要給大家介紹了關(guān)于vue打包后dist文件在本地啟動(dòng)運(yùn)行的簡(jiǎn)單步驟,文中通過(guò)代碼示例以及圖文介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用vue具有一定的參考價(jià)值,需要的朋友可以參考下
vue項(xiàng)目開(kāi)發(fā)好后，想在本地運(yùn)行測(cè)試最后的打包文件可以通過(guò)http-server來(lái)啟動(dòng)。
步驟如下：
//1、打包項(xiàng)目文件 npm run build //2、進(jìn)入dist打包文件 cd dist //3、全局安裝http-server npm install http-server -g //4、啟動(dòng)dist文件(-p:端口。9008具體端口號(hào)) http-server -p 9008
命令截圖
最后在瀏覽器輸入：127.0.0.1:9007就可以查看了
總結(jié)
到此這篇關(guān)于vue打包后dist文件在本地啟動(dòng)運(yùn)行的文章就介紹到這了,更多相關(guān)vue打包文件本地啟動(dòng)運(yùn)行內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了vue 之 css module的使用方法，css module目的為所有類(lèi)名重新生成類(lèi)名，有效避開(kāi)了css權(quán)重和類(lèi)名重復(fù)的問(wèn)題，非常具有實(shí)用價(jià)值，需要的朋友可以參考下2018-12-12
vue-cli3.0如何使用prerender-spa-plugin插件預(yù)渲染
這篇文章主要介紹了vue-cli3.0如何使用prerender-spa-plugin插件預(yù)渲染，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-05-05
在Vue中進(jìn)行CRUD前端跨域操作時(shí),可以通過(guò)后端設(shè)置跨域來(lái)解決,通常有三種方法：使用`@CrossOrigin`注解、在`mvc`的XML配置文件中設(shè)置以及自定義類(lèi)進(jìn)行配置,作者分享了這三種方法,并希望大家參考和使用2026-03-03
webstorm問(wèn)題解決:無(wú)法識(shí)別@處理方案
在使用Vite和WebStorm時(shí),如果`vite.config.ts`已經(jīng)配置了路徑別名`@`,但WebStorm無(wú)法識(shí)別,可以通過(guò)在項(xiàng)目根目錄下創(chuàng)建`tsconfig.json`文件,并添加`baseUrl`和`paths`配置來(lái)解決,這樣不僅可以讓TypeScript正確解析路徑別名,也能讓W(xué)ebStorm識(shí)別這些路徑2026-01-01
Vue.js 2.0學(xué)習(xí)教程之從基礎(chǔ)到組件詳解
這篇文章主要介紹了Vue.js 2.0從基礎(chǔ)到組件的相關(guān)資料，文中介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用vue.js具有一定的參考價(jià)值，需要的朋友可以參考學(xué)習(xí)，下面來(lái)一起看看吧。2017-04-04
基于vue.js組件實(shí)現(xiàn)分頁(yè)效果
這篇文章主要為大家詳細(xì)介紹了基于vue.js組件實(shí)現(xiàn)分頁(yè)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-12-12
Vue組件間的通信pubsub-js實(shí)現(xiàn)步驟解析
這篇文章主要介紹了Vue組件間的通信pubsub-js實(shí)現(xiàn)原理解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-03-03
Element-UI表格嵌入popover遇到的問(wèn)題及解決方案
在表格中我們通常需要在每一行的一些單元格中顯示popover,這篇文章主要給大家介紹了關(guān)于Element-UI表格嵌入popover遇到的問(wèn)題及解決方案,需要的朋友可以參考下2023-11-11
本文主要介紹了Vue路由跳轉(zhuǎn)的4種方式小結(jié)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-06-06
vue + typescript + video.js實(shí)現(xiàn) 流媒體播放 視頻監(jiān)控功能
視頻才用流媒體，有后臺(tái)實(shí)時(shí)返回?cái)?shù)據(jù)， 要支持flash播放， 所以需安裝對(duì)應(yīng)的flash插件。這篇文章主要介紹了vue + typescript + video.js 流媒體播放 視頻監(jiān)控,需要的朋友可以參考下2019-07-07