版本说明:nginx1.2.9、vue2.x、vue-cli 3.x
1. nginx配置文件
worker_processes 1;
events {
worker_connections 1024;
}
http {
include mine.types;
defaule_type application/octer-stream;
sendfile on;
keepalive_timeout 65;
upstream www.aaa.com
{
server 11.199.22.33:8012(ip地址);
server 11.199.22.44:8012(ip地址);
}
upstream www.bbb.com
{
server 11.199.22.33:8012(ip地址);
server 11.199.22.44:8012(ip地址);
}
# ws配置
map $http_upgrade $connection_upgrade {
default upgrade;
'' close;
}
# ws 服务器
upstream {
server 11.199.22.33:8012(ip地址);
server 11.199.22.44:8012(ip地址);
}
server {
listen 8000;
server_name 11.199.33.44 (ip地址);
charset utf-8;
index index.html;
error_page 404 /error-404.html;
error_page 500 502 503 504 /error-500.html;
location /{
root /app/pro/dist (项目文件地址,还可这样写D:\demo\dist);
index index.html;
try_files $uri $uri/ /index.html;
add_header Cache-Control no-store;
add_header Pragma no-cache;
}
# api代理
location ^~/api/aaa {
proxy_pass http://www.aaa.com/api/aaa;
}
location ^~/api/bbb {
proxy_pass http://www.bbb.com/api/bbb;
}
# ws 代理
location ^~/websocket {
proxy_pass http://websocket;
proxy_http_version 1.1;
proxy_read_timeout 3600;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection $connection_upgrade;
}
}
}
配置 解析
- 关于 upstream
upstream www.aaa.com
{
server 11.199.22.33:8012;
server 11.199.22.44:8012;
}
upstream
模块主要负责负载均衡的配置,通过默认的轮询调度方式来分发请求到后端服务器;
server
反向服务地址和端口
- 关于 server模块
server {
listen 8000;
server_name 11.199.33.44 (ip地址);
charset utf-8;
index index.html;
error_page 404 /error-404.html;
error_page 500 502 503 504 /error-500.html;
......
......
......
}
server
模块配置是http模块中的一个子模块,用来定义一个虚拟访问主机,一个http中可以配置多个server;
server_name
指定ip地址或域名;
charset
网页默认编码格式
index
访问web网站时的全局首页;
root
虚拟主机的根目录,所有当前主机中web项目的根目录;
access_log
该虚拟主机服务器中访问记录日志存放路径
- 关于location(语法规则: location [=||*|^~] /uri/ { … })
多个
location
优先级:首先匹配 =,其次匹配^~, 其次是按文件中顺序的正则匹配,最后是交给 / 通用匹配。当有匹配成功时候,停止匹配,按当前匹配规则处理请求。
location / {
root /nginx/www;
index index.php index.html index.htm;
}
location ^~ /test {
proxy_pass http://backend;
proxy_redirect off;
proxy_set_header Host $host;
}
location
模块配置在路由访问信息配置中关联到反向代理、负载均衡等等各项功能。
location /
:表示匹配访问根目录。
root
:用于指定访问根目录时,访问虚拟主机的web目录。
index
:在不指定访问具体资源时,默认展示的资源文件列表。
2. Xshell部署常用操作指令
进入对应服务地址后
- 上传文件步骤
cd /app/pro // 进入文件目录
rm -r dist // 移除原有的文件
rm -r dist.zip
rz -e // 选择需要上传文件
unzip dist.zip // 将压缩文件进行解压
cd /app/nginx // 进入nginx启动目录
./nginx -s reload // 启动文件
ps -ef | grep nginx // 保持启动
- 下载nginx配置文件步骤
cd /app/pro/dist // 进入文件目录
sz index.html // 下载指定文件
- 浏览文件
vi index.html // 浏览指定文件
// 点击 i 可对正在浏览的文件进行编辑
// 点击 Esc 退出编辑
// 编辑后输入 :wq 保存并退出
// 输入 :q 退出