使用Docker部署Angular項(xiàng)目的方法步驟
Docker 部署 Angular 項(xiàng)目有兩種方法,一種是服務(wù)端渲染,這個(gè)官方文檔已有說(shuō)明,另一種就是使用 node 鏡像編譯后放入 web 服務(wù)器。由于在 node 環(huán)境,所以使用 express 最為便捷了。
創(chuàng)建 server.js
const express = require('express'); const app = express(); const config = { root: __dirname + '/dist', port: process.env.PORT || 4200 }; //靜態(tài)資源 app.use('/', express.static(config.root)); //所有路由都轉(zhuǎn)到index.html app.all('*', function (req, res) { res.sendfile(config.root + '/index.html'); }); app.listen(config.port, () => { console.log("running……"); })
創(chuàng)建 Dockerfile
FROM node:13.3.0-alpine3.10 ENV PORT=4200 \ NODE_ENV=production # 安裝express和angular/cli RUN npm install express@4.17.1 -g \ && npm install -g @angular/cli # 創(chuàng)建app目錄 RUN mkdir -p /app # 復(fù)制代碼到 App 目錄 COPY . /app WORKDIR /app # 安裝依賴,構(gòu)建程序,這里由于我需要反向代理到子目錄,所以添加了base-href參數(shù) RUN npm install && ng build --base-href /manage/ --prod EXPOSE ${PORT} ENTRYPOINT ["node", "/app/server.js"]
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- 在docker中部署tomcat并且部署java應(yīng)用程序的步驟詳解
- 詳解如何使用Docker部署一個(gè)web項(xiàng)目并打包成鏡像文件
- 在Docker快速部署Node.js應(yīng)用的詳細(xì)步驟
- 在Docker上部署Python的Flask框架的教程
- Docker學(xué)習(xí)筆記之k8s部署方法
- Docker中部署mysql服務(wù)的方法及遇到的坑
- Docker 自動(dòng)部署tomcat詳解
- 詳解如何在 Docker 中設(shè)置 Go 并部署應(yīng)用
- 利用docker部署nextcloud 網(wǎng)盤的方法步驟
- 基于Docker安裝與部署Zabbix
相關(guān)文章
Centos8安裝docker報(bào)錯(cuò)(錯(cuò)誤提示:All?mirrors?were?tried)的問(wèn)題
最近總是遇到“All?mirrors?were?tried”的報(bào)錯(cuò)信息,沒(méi)辦法,就rm?-rf?/etc/yum.repos.d/*?全部!刪了,下面小編通過(guò)本文給大家介紹下Centos8安裝docker報(bào)錯(cuò)(錯(cuò)誤提示:All?mirrors?were?tried)的問(wèn)題及解決過(guò)程,感興趣的朋友一起看看吧2022-03-03Docker容器實(shí)現(xiàn)SSH遠(yuǎn)程直連
在某些特殊需求下,我們想ssh直接遠(yuǎn)程連接docker 容器,本文主要介紹了Docker容器實(shí)現(xiàn)SSH遠(yuǎn)程直連,具有一定的參考價(jià)值,感興趣的可以了解一下2023-08-08Docker 倉(cāng)庫(kù)管理和Docker Dockerfile詳解
倉(cāng)庫(kù)(Repository)是集中存放鏡像的地方,以下介紹一下 Docker Hub,當(dāng)然不止 docker hub,只是遠(yuǎn)程的服務(wù)商不一樣,操作都是一樣的,對(duì)Docker 倉(cāng)庫(kù)管理相關(guān)知識(shí)感興趣的朋友一起看看吧2023-11-11Docker部署ELK7.3.0日志收集服務(wù)最佳實(shí)踐
這篇文章主要介紹了Docker部署ELK7.3.0日志收集服務(wù)最佳實(shí)踐,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-10-10docker安裝ElasticSearch:7.8.0集群的詳細(xì)教程
這篇文章主要介紹了docker安裝ElasticSearch:7.8.0集群的相關(guān)知識(shí),本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-03-03Docker容器的調(diào)試技巧之docker logs與docker service logs
這篇文章主要介紹了Docker容器的調(diào)試技巧之docker logs與docker service logs,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-01-01Docker部署springboot項(xiàng)目實(shí)例解析
這篇文章主要介紹了docker部署springboot項(xiàng)目實(shí)例解析,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-10-10docker start啟動(dòng)容器后仍然exit狀態(tài)的解決
這篇文章主要介紹了docker start啟動(dòng)容器后仍然exit狀態(tài)的解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-06-06