使用Docker部署Angular项目的方法步骤
Docker部署Angular项目有两种方法,一种是服务端渲染,这个官方文档已有说明,另一种就是使用node镜像编译后放入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……"); })
创建Dockerfile
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"]
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:czq8825#qq.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。