Angular项目部署到阿里云服务器

1.前提

1. 服务器上已经安装了web环境 可以参考文章：阿里云安装web环境
2. 一个可以正常运行的angular项目
3. 本文使用的是apache服务器做参考

2.打包编译Angular项目

cd Angular项目路径
ng build
           

打包完成后，可以在Angular项目的根目录下发现一个dist文件夹

3.解决打包后，页面显示空白问题

1. 打开dist文件夹下的index.html文件

   

   2.将index.html 里面的改为href="./" target="_blank" rel="external nofollow" ,改为相对路径

   

4.上传项目到服务器

1.打开WinSCP进入/alidata/www/phpwind/目录下

2. 上传文件到此目录，直接拖拽即可

5.检验是否部署成功

在浏览器输入公网ip/项目名查看

例如：

出现你上传Angular项目页面则为部署到服务器上，成功

6.初学者

有问题或者错误请多留言指教