docker+nginx部署angular项目
环境: angular8.0+node12.14.0
本人项目的代码是在Windows上写的,而部署的环境是腾讯云服务器,所以需要先将项目打包,然后通过xftp上传到云服务器,再用docker拉取nginx并配置,然后启动。
打包项目:
1.在命令行进入项目所在位置
2.使用ng build --prod进行打包,在该路径下就会生成一个dist文件夹
备注:
(1)一定要使用ng build --prod进行打包,可能会报错,根据命令行提示的错误去进行修改即可,如果仅使用ng build打包,编译出的文件会很大。对该项目进行两种打包测试时发现使用–prod得到的dist仅有2.7M,初次访问仅需2~3秒。而不加–prod得到的约为42M,这将导致后续访问项目时耗时非常长,每次都在1分钟以上,即使后面的nginx配置了gzip也不会起什么作用,所以一定要使用ng build --prod去打包项目。
(2) 由于本人之前已经在腾讯云上部署过一次angular,当时没有指定项目的启动端口(默认为4200),所以这次部署的项目为了不会因端口冲突而无法启动,需要修改package.json中的项目启动端口后再进行打包