快捷導(dǎo)航

使用Docker部署Angular項(xiàng)目的方法步驟

更新時(shí)間：2019年12月19日 10:03:16 作者：Donjan

這篇文章主要介紹了使用Docker部署Angular項(xiàng)目的方法步驟，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

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í)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

使用Docker部署Gitblit服務(wù)器的詳細(xì)指南
Gitblit 是一個(gè)完全開(kāi)源的純 Java 軟件,專注于為 Git 提供一個(gè)全面的解決方案,本文為大家整理了Docker部署Gitblit服務(wù)器的詳細(xì)步驟,希望對(duì)大家有所幫助
2025-04-04
容器Docker入門詳解
這篇文章主要介紹了容器Docker入門詳解，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2019-01-01
Docker容器自啟動(dòng)的實(shí)現(xiàn)方法
這篇文章主要介紹了Docker容器自啟動(dòng)的實(shí)現(xiàn)方法，詳細(xì)的介紹了Docker的 Restart policy命令，非常具有實(shí)用價(jià)值，需要的朋友可以參考下
2018-09-09
docker compose入門helloworld的詳細(xì)過(guò)程
docker-compose是基于docker的，所以我們需要先安裝docker才能使用docker-compose，接下來(lái)通過(guò)本文給大家介紹docker compose入門helloworld的過(guò)程，一起看看吧
2021-09-09
MinIO存儲(chǔ)在docker中安裝及其使用方式
這篇文章主要介紹了MinIO存儲(chǔ)在docker中安裝及其使用方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2023-04-04
Centos7安裝Docker(2020最新親測(cè)可用，直接復(fù)制粘貼即可)
這篇文章主要介紹了Centos7安裝Docker(2020最新親測(cè)可用，直接復(fù)制粘貼即可)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2021-01-01
Docker執(zhí)行DockerFile構(gòu)建過(guò)程指令解析
這篇文章主要為大家介紹了Docker執(zhí)行DockerFile構(gòu)建過(guò)程及DockerFile的指令解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步早日升職加薪<BR>
2022-04-04
docker如何配置環(huán)境變量
這篇文章主要介紹了docker如何配置環(huán)境變量問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
2024-02-02
使用Docker創(chuàng)建FTP服務(wù)器的過(guò)程解析
這篇文章主要介紹了使用Docker創(chuàng)建FTP服務(wù)器的過(guò)程解析,使用?Docker?搭建?FTP?服務(wù)，不僅十分簡(jiǎn)單，而且可以對(duì)宿主機(jī)有一定的隔離，對(duì)Docker創(chuàng)建FTP服務(wù)器的過(guò)程感興趣的朋友一起看看吧
2022-04-04
詳解Docker容器跨主機(jī)通信的方法
本篇文章主要介紹了詳解Docker容器跨主機(jī)通信的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-11-11