在Vue項目中，dist目錄是代碼打包之后生成的文件夾，其中包含了靜態(tài)資源文件和打包后的JavaScript、CSS等文件。如果要在本地運行打包后的項目文件，可以使用簡單的靜態(tài)服務(wù)器來啟動。
下面介紹一種使用Node.js中的http-server模塊搭建本地服務(wù)器的方法：
-
確認已經(jīng)安裝了Node.js，可以在命令行中執(zhí)行以下命令，查看版本號。如果還未安裝，則需要先安裝Node.js。
node -v -
安裝http-server模塊。在命令行中執(zhí)行以下命令：
npm install -g http-server -
進入到dist目錄。在命令行中執(zhí)行以下命令（
/path/dist是自己項目中dist目錄所在的路徑）：cd /path/dist -
啟動http-server。在命令行中執(zhí)行以下命令：
http-server -
此時，在命令行中會輸出一個類似于下面的信息：
這表示服務(wù)器已成功啟動，可以在瀏覽器中輸入上圖所示的
http://127.0.0.1:8080或http://192.168.195.1:8080等網(wǎng)址，訪問打包后的項目文件。文章來源：http://www.zghlxwxcb.cn/news/detail-422676.html -
注意，http-server 模塊的默認端口是8080，如果已經(jīng)被占用，可以使用以下命令來指定端口。此時，服務(wù)器會在8081端口上啟動。文章來源地址http://www.zghlxwxcb.cn/news/detail-422676.html
???????http-server -p 8081
到了這里，關(guān)于如何運行vue打包之后的dist文件的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
