您好,登錄后才能下訂單哦!
這篇文章主要介紹Docker如何部署Nuxt.js項(xiàng)目,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!
Docker 是一個(gè)開(kāi)源的應(yīng)用容器引擎,讓開(kāi)發(fā)者可以打包他們的應(yīng)用以及依賴包到一個(gè)可移植的鏡像中,然后發(fā)布到任何流行的 Linux或Windows 機(jī)器上,也可以實(shí)現(xiàn)虛擬化。容器是完全使用沙箱機(jī)制,相互之間不會(huì)有任何接口。
1、構(gòu)建 node 鏡像
FROM node:alpine
為啥使用 alpine 版本?
相比于其他 Docker 鏡像,它的容量非常小,僅僅只有 5 MB 左右(對(duì)比 Ubuntu 系列鏡像接近 200 MB),且擁有非常友好的包管理機(jī)制。官方鏡像來(lái)自 docker-alpine 項(xiàng)目。 目前 Docker 官方已開(kāi)始推薦使用 Alpine 替代之前的 Ubuntu 做為基礎(chǔ)鏡像環(huán)境。這樣會(huì)帶來(lái)多個(gè)好處。包括鏡像下載速度加快,鏡像安全性提高,主機(jī)之間的切換更方便,占用更少磁盤(pán)空間等。
2、設(shè)置項(xiàng)目保存目錄
RUN mkdir -p /app/src
3、復(fù)制項(xiàng)目代碼到鏡像
COPY ./src /app/src
4、指定命令執(zhí)行的目錄
WORKDIR /app/src
5、設(shè)置 host
ENV HOST 0.0.0.0
6、執(zhí)行項(xiàng)目安裝及編譯
RUN npm install RUN npm run build RUN npm cache clean --force
7、設(shè)置外部訪問(wèn)端口
EXPOSE 3000
8、執(zhí)行 nuxt 項(xiàng)目運(yùn)行命令
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"]
當(dāng)在項(xiàng)目中使用 sass 或者 scss 時(shí),需依賴 python 環(huán)境,所以需要安裝 python,當(dāng)然在編譯相關(guān)資源后,可以刪除相應(yīng)的依賴以減小鏡像體積。
1、構(gòu)建鏡像
docker build -t nuxt-demo
2、啟動(dòng)容器
docker run -dt -p 3000:3000 nuxt-demo
3、訪問(wèn)
打開(kāi)瀏覽器,訪問(wèn) 127.0.0.1:3000
1、可以用 Docker Compose 對(duì)容器進(jìn)行編排,快速的部署多容器應(yīng)用。
2、可以用 nginx 對(duì)容器進(jìn)行代理,避免直接以端口的形式訪問(wèn)容器。
以上是“Docker如何部署Nuxt.js項(xiàng)目”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對(duì)大家有幫助,更多相關(guān)知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。