1. 程式人生 > >把vue腳手架的專案放在centos伺服器上執行

把vue腳手架的專案放在centos伺服器上執行

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了。