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

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

一、 安装Nginx
Nginx的安装配置

二、前端部署Linux服务器
使用build命令build项目.
Angular2 将前端项目部署到服务器使用ip访问_第1张图片
环境可以自己设置.

命令如下:

[开发环境]ng build --prod --env=dev


[测试环境]ng build --prod --env=test


[生产环境]ng build --prod --env=prod

build 成功后,找到本地项目所在位置,会出现一个dist文件。
Angular2 将前端项目部署到服务器使用ip访问_第2张图片

三、部署
Xshell登录需要部署的服务器。

Angular2 将前端项目部署到服务器使用ip访问_第3张图片
**输入用户名和密码。**确定登录。
Angular2 将前端项目部署到服务器使用ip访问_第4张图片
Angular2 将前端项目部署到服务器使用ip访问_第5张图片
连接成功!
Angular2 将前端项目部署到服务器使用ip访问_第6张图片
找到nginx
Angular2 将前端项目部署到服务器使用ip访问_第7张图片
进入到html中创建文件,进入此文件
Angular2 将前端项目部署到服务器使用ip访问_第8张图片
通过rz命令把build的dist文件全部上传到此项目中.
Angular2 将前端项目部署到服务器使用ip访问_第9张图片
这样就部署成功了,需要保证Nginx是打开的。主机名:配置的端口/创建的项目名/xxx.html打开即可.
Angular2 将前端项目部署到服务器使用ip访问_第10张图片

你可能感兴趣的:(前端)