标题## 1.Nginx安装说明
1.自行到官网下载
2.安装路径不要出现中文,空格
3.Nginx端口是80,如果被占用打开资源管理器关闭即可
4.Nginx每次会启动两个进程,关闭时要先关闭占用资源小的进程树
5.Nginx命令
说明: nginx的命令的执行 需要在nginx的根目录中运行
启动nginx start nginx
重启nginx nginx -s reload
关闭nginx nginx -s stop
注意事项: nginx的运行只能启动一次,如果启动多次则会产生多余项,影响程序的正常运行
2.Nginx 反向代理
在中nginx.conf文件配置
#1. 每个反向代理服务 都是一个server{}
#2. listen nginx监听用户请求端口 默认80
#3. server_name 拦截服务的名称/域名名称
#4. location {} 开始执行反向代理
#5. / 拦截的路径 拦截所有的请求
#6. root 代表反向代理的是一个目录
#7. index 代表访问的默认的页面
http{
server {
listen 80;
server_name localhost;
location / {
root html;
index index.html index.htm;
}
}
#一个http协议 多个server
}
3.hosts系统配置文件
#配置图片服务器
127.0.0.1 访问路径
#配置后端服务器
127.0.0.1 访问路径
#配置前端服务器
127.0.0.1 访问路径
4.展示页面
前端代码修改
main.js
/* 导入axios包 */
import axios from 'axios'
/* 设定后端域名地址路径 */
axios.defaults.baseURL = 'http://manage.tt.com/'
保存 vue UI 中的build运行
5.负载均衡
#manage.jt.com:80 映射localhost:8091
server {
listen 80;
server_name manage.jt.com;
location / {
#代理请求
#proxy_pass http://127.0.0.1:8091;
proxy_pass http://tomcats;
}
}
#配置后端集群
upstream tomcats {
server 127.0.0.1:8091;
server 127.0.0.1:8092;
}