Angular2 将前端项目部署到服务器使用ip访问前端

Angular2 将项目(前后端)部署到服务器使用ip访问一、安装Nginx
Nginx的安装配置
二、前端部署Linux服务器：
使用build命令build项目.

文章图片

环境可以自己设置.
命令如下:

[开发环境]ng build --prod --env=dev[测试环境]ng build --prod --env=test[生产环境]ng build --prod --env=prod

build 成功后，找到本地项目所在位置，会出现一个dist文件。

文章图片

三、部署
在Xshell登录需要部署的服务器。
【Angular2 将前端项目部署到服务器使用ip访问】

文章图片

**输入用户名和密码。**确定登录。

文章图片

文章图片

连接成功！

文章图片

找到nginx

文章图片

进入到html中创建文件,进入此文件

文章图片

通过rz命令把build的dist文件全部上传到此项目中.

文章图片

这样就部署成功了，需要保证Nginx是打开的。主机名:配置的端口/创建的项目名/xxx.html打开即可.

文章图片

Angular2 将前端项目部署到服务器使用ip访问