這篇文章給大家分享的是有關Vue+Koa2如何打包后進行線上部署的內(nèi)容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
創(chuàng)新互聯(lián)于2013年開始,先為黃島等服務建站,黃島等地企業(yè),進行企業(yè)商務咨詢服務。為黃島企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務解決您的所有建站問題。
1.將Vue和Koa2結合
很多人在打完包后就不知道怎么做了,畢竟后面都是后端的事情。如果你用的是Vue-cli3.0,那么打包這一步會非常簡單,只需要執(zhí)行一條命令即可,其它的不用關心:
npm run build
之后會生成一個dist的文件夾,將它放到Koa2目錄下的public文件里,然后在Koa2的配置文件app.js里將靜態(tài)資源指向這個文件夾,指向命令在我們創(chuàng)建Koa2框架時就已經(jīng)自動生成,所以我們要做的也只是改一下文件地址就行了:
app.use(require('koa-static')(__dirname + '/public/dist'))
改好之后打開koa2的主頁,看看是否加載成功,第一步就愉快地完成了。
2.Nginx配置
現(xiàn)在登錄服務器,安裝完Nginx后,在`/etc/nginx/sites-enabled/`下新建一個conf文件,然后寫入配置:
//Koa的端口一般默認是3000 upstream koa.server{ server 127.0.0.1:3000; } server { listen 80; server_name .******.com; location / { proxy_pass http://koa.server; proxy_redirect off; } }
寫完之后重啟Nginx:
sudo /etc/init.d/nginx restart
接著將Koa2文件上傳到服務器,啟動后在瀏覽器里輸入你的網(wǎng)址或者服務器ip,能訪問到就大功告成了。
當然,這套Nginx配置還是非常簡陋,如果希望長期穩(wěn)定運行的話還得加入SSL和Gzip,網(wǎng)上資料很多,如果以后有機會的話我也會講一下。
3.使用Pm2進行進程管理
能成功訪問后接著就是將Koa放到后臺運行,這里使用了Pm2進行管理,先來安裝:
npm install -g pm2
安裝好后在Koa目錄下創(chuàng)建一個文件 “pm2.conf.json”,然后輸入以下代碼:
{ "apps":{ "name":"blog", "script": "bin/www", "watch": true, "ignore_watch":[ "node_modules", "logs" ], "instances":2, "error_file":"logs/err.log", "out_file":"logs/out.log", "log_date_format": "YYYY-MM-DD HH:mm:ss" } }
來重點說下兩個參數(shù),watch和instances。
Watch是檢測到文件有改動會自動重啟加載,ignore_watch則是排除不需要監(jiān)控的文件。
Instances則是開啟實例數(shù),建議根據(jù)cpu核數(shù)進行配置,有多少核就開啟多少條。
最后啟動:
pm2 start pm2.conf.json
到這里,網(wǎng)站就部署完成了!
感謝各位的閱讀!關于“Vue+Koa2如何打包后進行線上部署”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
分享題目:Vue+Koa2如何打包后進行線上部署
URL標題:http://muchs.cn/article6/jcpgog.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供營銷型網(wǎng)站建設、品牌網(wǎng)站建設、標簽優(yōu)化、定制網(wǎng)站、網(wǎng)站內(nèi)鏈、自適應網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)