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