前端執行vue打包后的dist文件

首先說一下，dist文件，必須使用服務器打開，如果默認使用靜態文件的方式打開，是沒有內容的。

1、自己搭建服務器開啟

我電腦上默認配置有Apache的服務，這里就不演示了。

2、使用express

• 全局安裝express 和 express-generator

sudo npm install express  express-generator -g 

• 創建一個 express 項目

express expressName     

// expressName 

• 進入項目，安裝依賴

cd express 
// 或者鼠標進入文件夾

npm i

• 將你打包生成的dist文件中所有的文件復制到 publick 文件夾中。然后npm start 開啟項目即可、
• 打開瀏覽器。輸入localhost:3000 就可以看到 vue 項目的效果了。
• 注意：項目端口號，是你可以配置的。默認是3000,配置文件在 bin/www 文件中。

var port = normalizePort(process.env.PORT || '8080');
app.set('port', port);