使用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（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。