前端程式碼沒有伺服器可以部署到 express 伺服器上執行

1.執行：npm run build

打包後生成dist資料夾

2. 安裝express-generator生成器

執行  $ npm install express-generator -g  進行安裝

3. 建立一個express專案

執行  $ express expressDemo （expressDemo是專案名）

expressDemo專案目錄如下圖:

4. 進入expressDemo目錄，安裝專案依賴

 $ cd expressDemo                                                                               

 $ npm install  

5. 把dist目錄下的所有檔案複製到express專案的public資料夾下

然後執行 $ npm start 啟動expressDemo

開啟瀏覽器，輸入 http://localhost:3000 , 就可以看到效果了

需要注意的的事

如果發現檔案路勁不對

1.使用mode：‘history’修改配置：

config裡面的index.js找到env: require('./prod.env')模組(新版本build: {),將下面的assetsPublicPath: '/'  改成assetsPublicPath: './'   然後將dist放在伺服器上就可以運行了，建議使用這種方法，靈活改動少

2.不使用mode：‘history’

手動新增：dist包不是伺服器跟目錄，在index.htm裡手動給js和css新增dist目錄即可/dist/；

3.配置檔案路徑

打包後動畫未執行，就是你npm run build生成的dist中動畫未生效

解決方法：在vue專案中找到build資料夾下的vue-loader.conf.js，將extract：isProduction  改為extract：false