構建vue專案併發布在node服務上
1、最終目的
使用vue構建前端專案頁面,前後端分離,前端專案需要釋出在node伺服器上。
2、 所用技術有
客戶端使用:vue+webpack
服務端則使用:node+koa.js
3、專案搭建步驟如下:
客戶端搭建(開發時搭建)
》新建專案資料夾,資料夾取名隨便你,最好使用英文小寫。我這裡叫ambers
》在專案資料夾下,新建兩個資料夾:
1、client資料夾:用於開發
2、server資料夾:用於釋出
》進入client資料夾使用
npm install vue-cli -g 全域性安裝vue
》專案初始化
vue init webpack
》執行專案並打包
npm run dev
使用localhost:8080開啟,即可執行專案
服務端搭建(用於專案釋出,可在專案完成後釋出時再搭建)
》進入server資料夾使用以下命令進行初始化
npm init
》安裝koa
npm i koa
》新建app.js資料夾,將打包好的client裡面打包好的dist資料夾copy到server資料夾下。
app.js檔案配置如下:

app.js
》服務端執行專案:
node app.js
使用localhost:埠號即可訪問釋出好的專案啦!
第一次搭建vue專案和node服務,寫得不是很好,請見諒。