1. 程式人生 > 實用技巧 >本地執行vue-cli build打包後的檔案

本地執行vue-cli build打包後的檔案

1.本功能基於node,確保已安裝node後執行下面步驟。

  一、新建個資料夾myinit,進去後開啟cmd,執行npm init初始化package.json檔案
  二、npm install express (cnpm install express)下載express框架
  三、cnpm i 下載本地node_modules包
  四、新建一個app.js, 把下列程式碼貼進去
    

// 引入express中介軟體
const express = require('express');
 
// 建立web伺服器
const app = express();
 
// 指定啟動伺服器到哪個資料夾
app.use(express.static('./dist')); // 啟動伺服器監聽80埠 app.listen(8081, () => { console.log('web server running at http://127.0.0.1:8081/index.html'); })

  五、將打包的檔案(dist)放入myinit資料夾下,執行node app,

複製地址到瀏覽器,就可以運行了,如果專案需要設定token才能進去,需要單獨在建立一個html檔案,先進入這個檔案將設定token的程式碼寫好,就可以進去了