這篇文章主要介紹Docker如何部署Nuxt.js項目，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

成都創(chuàng)新互聯(lián)公司主營察隅網(wǎng)站建設的網(wǎng)絡公司,主營網(wǎng)站建設方案,成都App定制開發(fā),察隅h5小程序開發(fā)搭建,察隅網(wǎng)站營銷推廣歡迎察隅等地區(qū)企業(yè)咨詢

Docker 是一個開源的應用容器引擎，讓開發(fā)者可以打包他們的應用以及依賴包到一個可移植的鏡像中，然后發(fā)布到任何流行的 Linux或Windows 機器上，也可以實現(xiàn)虛擬化。容器是完全使用沙箱機制，相互之間不會有任何接口。

使用 docker 部署 nuxt.js 項目

1、構(gòu)建 node 鏡像

FROM node:alpine

為啥使用 alpine 版本？

相比于其他 Docker 鏡像，它的容量非常小，僅僅只有 5 MB 左右（對比 Ubuntu 系列鏡像接近 200 MB），且擁有非常友好的包管理機制。官方鏡像來自 docker-alpine 項目。 目前 Docker 官方已開始推薦使用 Alpine 替代之前的 Ubuntu 做為基礎鏡像環(huán)境。這樣會帶來多個好處。包括鏡像下載速度加快，鏡像安全性提高，主機之間的切換更方便，占用更少磁盤空間等。

2、設置項目保存目錄

RUN mkdir -p /app/src

3、復制項目代碼到鏡像

COPY ./src /app/src

4、指定命令執(zhí)行的目錄

WORKDIR /app/src

5、設置 host

ENV HOST 0.0.0.0

6、執(zhí)行項目安裝及編譯

RUN npm install RUN npm run build RUN npm cache clean --force

7、設置外部訪問端口

EXPOSE 3000

8、執(zhí)行 nuxt 項目運行命令

CMD ["npm", "start"]

完整的 Dockerfile 文件

FROM node:alpine

RUN mkdir -p /app/src
COPY ./src /app/src
WORKDIR /app/src

ENV HOST "0.0.0.0"

RUN sed -i "s/dl-cdn.alpinelinux.org/${ALPINE_REPOSITORIES}/g" /etc/apk/repositories

RUN apk add --no-cache make gcc g++ python

RUN npm install
RUN npm run build
RUN npm cache clean --force

RUN apk del make gcc g++ python

EXPOSE 3000
CMD ["npm", "start"]

當在項目中使用 sass 或者 scss 時，需依賴 python 環(huán)境，所以需要安裝 python，當然在編譯相關資源后，可以刪除相應的依賴以減小鏡像體積。

運行 Docker

1、構(gòu)建鏡像

docker build -t nuxt-demo

2、啟動容器

docker run -dt -p 3000:3000 nuxt-demo

3、訪問

打開瀏覽器，訪問 127.0.0.1:3000

1、可以用 Docker Compose 對容器進行編排，快速的部署多容器應用。
2、可以用 nginx 對容器進行代理，避免直接以端口的形式訪問容器。

以上是“Docker如何部署Nuxt.js項目”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

文章標題：Docker如何部署Nuxt.js項目-創(chuàng)新互聯(lián)
當前路徑：http://aaarwkj.com/article16/ppgdg.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供響應式網(wǎng)站、外貿(mào)建站、動態(tài)網(wǎng)站、電子商務、企業(yè)建站、靜態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)