使用Docker部署Angular项目的方法步骤

使用Docker部署Angular项目的方法步骤

本文详细介绍了如何使用Docker部署新的Angular项目。原文根据示例代码非常详细，对大家的学习或工作都有一定的参考价值。有需要的朋友会陪我一起学习。

Docker可以通过两种方式部署新的Angular项目，一种是服务器端渲染，现有的官方web文本文档显示，另一种是用节点镜像系统编译程序，放入web服务器。由于node的自然环境，应用express更加方便快捷。

设置server.js

constexpress=require('express'); constapp=express(); constconfig={ root:__dirname'/dist', port:process.env.PORT||4200 }; //静态数据資源 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……"); })

建立文档

FROMnode:13.3.0-alpine3.10 ENVPORT=4200\ NODE_ENV=production #安裝express和angular/cli RUNnpminstallexpress@4.17.1-g\ &&npminstall-g@angular/cli #建立app文件目录 RUNmkdir-p/app #复制代码到App文件目录 COPY./app WORKDIR/app #安裝依靠,搭建程序流程,这儿因为我需要反向代理到根目录，因此加上了base-href主要参数 RUNnpminstall&&ngbuild--base-href/manage/--prod EXPOSE${PORT} ENTRYPOINT["node","/app/server.js"]

文章内容就这些了。期待对大家的学习有所帮助，也期待大家的应用。