vue項目打包之后在本地運行的實現方法
更新時間：2022年07月20日 15:25:24 作者：胡肖一
這篇文章主要介紹了vue項目打包之后在本地運行的實現方法，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
vue項目打包后在本地運行
vue打包之后如果直接啟動index.html文件的話就會出現報錯
Refused to apply style from 'http://127.0.0.1:5500/css/main.6df880bd.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled
看到網上很多都說使用express-generator，但是個人感覺還是有點麻煩，下面方法用兩句命令就搞定啦
一、在bash命令行輸入npm install -g serve
二、接著輸入serve -s dist
然后如下圖，就可以啟動了
項目打包后無法運行的問題
在本地運行項目時，明明是好的
npm run build 之后項目無法運行報錯了 - -
需要修改打包配置，如下
以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
關于element?ui中的el-scrollbar橫向滾動問題
這篇文章主要介紹了關于element?ui中的el-scrollbar橫向滾動問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
一文搞明白vue開發(fā)者vite多環(huán)境配置
Vue是一款流行的JavaScript框架,用于開發(fā)動態(tài)單頁應用程序,本地安裝和環(huán)境配置是學習和使用Vue的第一步,下面這篇文章主要給大家介紹了關于vue開發(fā)者vite多環(huán)境配置的相關資料,需要的朋友可以參考下2023-06-06
這篇文章主要介紹了解決Antd Table表頭加Icon和氣泡提示的坑，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
這篇文章主要為大家介紹了Vue的slot插槽，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-11-11
這篇文章主要為大家詳細介紹了Vue3如何結合X6流程圖實現數據雙向綁定,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下2024-03-03
今天小編就為大家分享一篇Vue filter格式化時間戳時間成標準日期格式的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
ElementUI是一個強大的PC端UI組件框架，它不依賴于vue，但是卻是當前和vue配合做項目開發(fā)的一個比較好的ui框架，本文主要介紹了如何在vue3中引入使用ElementUI，需要的可以參考一下2023-06-06
移動端頁面，有時候會出現一些固定定位在底部圖標，比如購物車等。這篇文章主要介紹了Vue制作固定定位圖標滑動隱藏效果,需要的朋友可以參考下2019-05-05
這篇文章主要介紹了深入了解Vue動態(tài)組件和異步組件的相關資料，幫助大家更好的理解和學習vue組件的相關知識，感興趣的朋友可以了解下2021-01-01
這篇文章主要給大家介紹了關于Vue CLI3基礎學習之pages構建多頁應用的相關資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用Vue CLI3具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-06-06