使用Docker部署Angular項目的方法步驟
更新時間:2019年12月19日 10:03:16 作者:Donjan
這篇文章主要介紹了使用Docker部署Angular項目的方法步驟,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
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"]
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
docker compose入門helloworld的詳細過程
docker-compose是基于docker的,所以我們需要先安裝docker才能使用docker-compose,接下來通過本文給大家介紹docker compose入門helloworld的過程,一起看看吧2021-09-09
Centos7安裝Docker(2020最新親測可用,直接復制粘貼即可)
這篇文章主要介紹了Centos7安裝Docker(2020最新親測可用,直接復制粘貼即可),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2021-01-01
Docker執(zhí)行DockerFile構建過程指令解析
這篇文章主要為大家介紹了Docker執(zhí)行DockerFile構建過程及DockerFile的指令解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步早日升職加薪<BR>2022-04-04

