把vue腳手架的專案放在centos伺服器上執行
阿新 • • 發佈:2018-12-09
1.首先把vue專案用npm run build打包,預設打包後的檔案是dist,對應下圖的public
目錄:
2.建立app.js,服務端程式碼,反正這個套路來就是了
const Koa = require('koa'); const body = require('koa-body'); const cors = require('koa-cors'); const compress = require('koa-compress'); const onerror = require('koa-onerror'); const logger = require('koa-logger'); const helmet = require('koa-helmet'); const cacheControl = require('koa-cache-control'); const koaStatic = require('koa-static'); const app = new Koa(); onerror(app) app // 在命令列列印日誌 .use(logger()) // 快取控制 .use(cacheControl({ maxAge: 60000 })) // 開啟 gzip 壓縮 .use(compress()) // 跨域(允許在 http 請求頭中攜帶 cookies) .use(cors({ credentials: true })) .use(koaStatic(__dirname + '/app/public')) // 安全 .use(helmet()) // 解析 sequest body // 開啟了多檔案上傳,並設定了檔案大小限制 .use(body({ multipart: true, formidable: { maxFileSize: 200 * 1024 * 1024 } })) // 啟動一個 http 伺服器,並監聽 4004 埠 .listen(4004)
3.建立一個資料夾 server ,把public放進去,因為app.js裡配置的路徑所以我把public放在app資料夾裡面。(圖內紅圈以外的東西都是多餘的)
4.在server資料夾裡npm init生成package檔案,然後npm install 下載app.js裡所需要的依賴包。
5.最後把server扔到伺服器上就可以了。
6.在伺服器上node app.js /pm2 start app.js就ok了。