17站長網(wǎng) › 首頁 ›網(wǎng)站› 服務器 › 查看內(nèi)容

使用Docker部署Angular項目的方法

2022-10-17 09:15| 查看: 1464 |來源: 互聯(lián)網(wǎng)

Docker 部署 Angular 項目有兩種方法，一種是服務端渲染，這個官方文檔已有說明，另一種就是使用 node 鏡像編譯后放入 web 服務器。由于在 node 環(huán)境，所以使用 ...

Docker 部署 Angular 項目有兩種方法，一種是服務端渲染，這個官方文檔已有說明，另一種就是使用 node 鏡像編譯后放入 web 服務器。由于在 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));

//所有路由都轉到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 [email protected] -g \
  && npm install -g @angular/cli
# 創(chuàng)建app目錄
RUN mkdir -p /app
# 復制代碼到 App 目錄
COPY . /app
WORKDIR /app

# 安裝依賴,構建程序,這里由于我需要反向代理到子目錄，所以添加了base-href參數(shù)
RUN npm install && ng build --base-href /manage/ --prod

EXPOSE ${PORT}

ENTRYPOINT ["node", "/app/server.js"]

以上所述是小編給大家介紹的使用Docker部署Angular項目的方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對17站長網(wǎng)的支持！

本文最后更新于 2022-10-17 09:15，某些文章具有時效性，若有錯誤或已失效，請在網(wǎng)站留言或聯(lián)系站長：[email protected]

·END·

站長網(wǎng)微信號：w17tui，關注站長、創(chuàng)業(yè)、關注互聯(lián)網(wǎng)人 - 互聯(lián)網(wǎng)創(chuàng)業(yè)者營銷服務中心

免責聲明：本站部分文章和圖片均來自用戶投稿和網(wǎng)絡收集，旨在傳播知識，文章和圖片版權歸原作者及原出處所有，僅供學習與參考，請勿用于商業(yè)用途，如果損害了您的權利，請聯(lián)系我們及時修正或刪除。謝謝！

下一篇：詳解Nginx timeout超時配置上一篇：在Centos系統(tǒng)中安裝PHP7.4和Nginx的方法步驟

17站長網(wǎng)微信二維碼

始終以前瞻性的眼光聚焦站長、創(chuàng)業(yè)、互聯(lián)網(wǎng)等領域，為您提供最新最全的互聯(lián)網(wǎng)資訊，幫助站長轉型升級，為互聯(lián)網(wǎng)創(chuàng)業(yè)者提供更加優(yōu)質(zhì)的創(chuàng)業(yè)信息和品牌營銷服務，與站長一起進步！讓互聯(lián)網(wǎng)創(chuàng)業(yè)者不再孤獨！

掃一掃，關注站長網(wǎng)微信

青草久久影院-青草久久伊人-青草久久久-青草久久精品亚洲综合专区-SM双性精跪趴灌憋尿调教H-SM脚奴调教丨踩踏贱奴

使用Docker部署Angular項目的方法

大家都在看

相關分類

熱門排行

最近更新