docker+nginx部署angular项目

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中的项目启动端口后再进行打包

3.将dist文件夹上传到腾讯云服务器