1. 实现前端项目发布

1.0 前后端调用

说明:
前端: web.jt.com
后端: manage.jt.com (8091/8092)

要求:
前端通过域名访问后端的集群.

1. 修改main.js
   
2. 编辑addItem.vue 文件
   

1.1 项目编译

1.2 检查生成好的文件

1.3 前端项目发布

说明: 将前端编译后的文件目录,粘贴复制到Nginx根目录中,如图所示.

1.4 编辑nginx.conf文件

实现域名与静态资源文件映射

2. 远程链接工具

2.1 下载地址

2.2 创建链接

2.3 远程链接调试

3. 安装JDK

3.1 安装步骤

3.1.1. 下载jdk安装包

3.1.2 解压文件

命令: tar -xvf jdk-8u51-linux-x64.tar.gz

3.1.3 检查JDK是否有效

路径信息:

JDK配置信息:

3.1.4 配置环境变量

配置文件路径: vim /etc/profile

让环境变量生效:
1.重启Linux服务器
2. 重新加载资源文件 source /etc/profile

3.2 Linux 项目发布原理图

3.3 安装Mysql数据库

安装过程参见文档

3.4 实现tomcat集群部署

3.4.1 修改图片上传路径

2.修改YML配置

3.5 项目启动命令

3.5.1 前端启动

命令: java -jar 8091.jar
问题: 该启动的方式为前端启动方式,如果终端关闭,则服务器关闭. 所以在工作中 不能使用该命令
解决方案: 应该改为后端启动的方式.

3.5.2 后端启动

命令: nohup java -jar 8091.jar => 8091.log &
批量后端启动:

	 nohup java -jar 8091.jar => 8091.log & nohup java -jar 8092.jar => 8092.log &

3.5.3 后端展现效果

2).客户端校验

3.6 服务检索

3.6.1 作用

可以在Linux系统中 查询指定的服务的PID号
作用: 查找指定名称的PID号

   ps   -ef   | grep   服务名称

3.6.2 关闭进程(kill)

1. kill PID号 简单的关闭进程
2. kill -15 PID号 可以执行关闭的操作,但是进程必须杀死
3. kill -9 PID号 强制杀死进程

3.7 Linux 实现Nginx部署

3.7.1 安装nginx

1. 下载nginx
   
2. 解压命令 : tar -xvf nginx-1.21.0.tar.gz
3. 修改nginx名称:
4. 安装nginx 命令 ./configure(执行脚本) make(编译) make install(安装nginx)
5. 注意事项: nginx-source 表示源文件目录 不是可执行文件目录
6. nginx可执行文件
   

3.7.2 配置nginx配置文件

3.7.2.1 Nginx 命令

1. 启动nginx ./nginx
2. 重启nginx ./nginx -s reload
3. 关闭nginx ./nginx -s stop

3.7.2.2 导入前端资源文件

3.7.2.3 修改nginx配置文件

#实现图片反向代理 image.jt.com:80  
	server {
		listen 80;
		server_name image.jt.com;

		location / {
			#root代表文件目录
			root /usr/local/src/images;
		}
	}

	#实现前台代理 web.jt.com:80 http://localhost:8080
	#代理发起http请求
				 #proxy_pass http://localhost:8080;
	#暂时这样写 后期优化
	server {
		listen 80;
		server_name web.jt.com;
		location / {
			#转向文件目录
			root dist;
			index index.html;
		}
	}
	

	#配置集群  1.轮询机制   2.权重  3.ip_hash
	upstream tomcats {
		#ip_hash;
		server localhost:8092;
		server localhost:8091;
	}

	
	#通过manage.jt.com 访问localhost:8091服务器
	
	server {
		listen 80;
		server_name manage.jt.com;
		location / {
			#proxy_pass http://localhost:8091;
			proxy_pass http://tomcats;
		}
	}

修改完成之后,重启Nginx服务器

3.7.3 修改HOSTS文件

路径:

	C:\Windows\System32\drivers\etc

#IP   域名
#图片服务器域名
#127.0.0.1   image.jt.com
192.168.126.129  image.jt.com

#后台服务器域名
#127.0.0.1  manage.jt.com
192.168.126.129  manage.jt.com

#前台服务器域名
#127.0.0.1  web.jt.com
192.168.126.129  web.jt.com

127.0.0.1  localhost

#bug 丢最后一个字母问题

视频B站地址: https://www.bilibili.com/video/BV1WB4y1M7ma