使用Docker部署Angular項目的方法步驟
發(fā)布日期：2022-02-15 10:55 | 文章來源：gibhub
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 express@4.17.1 -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"]
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持本站。
版權聲明：本站文章來源標注為YINGSOO的內容版權均為本站所有，歡迎引用、轉載，請保持原文完整并注明來源及原文鏈接。禁止復制或仿造本網站，禁止在非maisonbaluchon.cn所屬的服務器上建立鏡像，否則將依法追究法律責任。本站部分內容來源于網友推薦、互聯(lián)網收集整理而來，僅供學習參考，不代表本站立場，如有內容涉嫌侵權，請聯(lián)系alex-e#qq.com處理。
相關文章
關注官方微信