如何使用nginx将Angular项目成功上线？

本文共计738个文字，预计阅读时间需要3分钟。

Angular项目上线流程概述：本文将结合Nginx，讨论Angular项目的上线流程，希望对大家有所帮助！

Angular项目上线步骤：

1.部署Angular项目到服务器；

2.配置Nginx反向代理；

3.设置域名解析；

4.测试上线效果。

相关教程推荐：

《Angular教程》

Angular项目如何上线？下面本篇文章就来结合nginx聊聊Angular 项目的上线流程，希望对大家有所帮助！

当我们完成了 angular 项目之后，你应该如何上线呢？

也许你会回答：

It is not my bussiness. Right?

确实，一个纯前端开发者，在完成了项目的开发之后，剩下的事情，你不用再接触接下来的上线内容。

但是，作为一个开发者，我们了解项目从开发到上线的流程是一件很重要的事情。

我们结合 nginx 来讲解一下。

react 和 vue 同理

打包项目

这里使用的是 angular-cli 生成的项目。开发完项目，你只要运行 npm run build 即可。builder 会根据你在 angular.json 中预设的打包内容进行输出。