@[TOC]
一、将自己的电脑作为服务器，【照猫画虎可以在服务器上设置下载nginx】
Window下载nginx
1. 官方网站：
2. 版本描述：
3. 下载稳定版
4. 下载解压到某文件夹下，注意路径尽量不要有中文名
5. 输入网址 localhost 进行访问
6. 将项目进行打包部署
6.1、打包 npm run build
将项目打包：npm run build，生成dist文件夹，打包前如需配置，tsconfig.json、jsconfig.jspn需要设置，请参考：【待补充】
6.2、部署项目
==将dist文件夹下的内容拷贝至指定目录下==
6.3、更改nginx配置文件
- 修改配置文件
nginx-1.20.1\conf\nginx.config文件
如下可做参考
#user nobody;
worker_processes 1;
#error_log logs/error.log;
#error_log logs/error.log notice;
#error_log logs/error.log info;
#pid logs/nginx.pid;
events {
worker_connections 1024;
}
http {
include mime.types;
default_type application/octet-stream;
#log_format main '$remote_addr - $remote_user [$time_local] "$request" '
# '$status $body_bytes_sent "$http_referer" '
# '"$http_user_agent" "$http_x_forwarded_for"';
#access_log logs/access.log main;
sendfile on;
#tcp_nopush on;
#keepalive_timeout 0;
keepalive_timeout 65;
#gzip on;
server {
# 代表监听的端口号
listen 8001;
server_name localhost;
root ./html/web/;
index index.html index.htm;
location / {
# 截取404 的 url，传给 @router
try_files $uri $uri/ @router;
}
location /api/{
# 项目中代理使用的api要转的地址
proxy_pass http://192.168.1.31:8083/;
proxy_redirect default;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header REMOTE-HOST $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
location @router {
# 接到截取的uri 并按一定规则重写 uri 和vue 路由跳转
rewrite ^.*& /index.html last;
}
}
}
更改完配置之后需要重新启动nginx
==无脑式重启==
==或使用命令进行结束进程==
# 启动： 直接点击Nginx目录下的nginx.exe 或者 cmd 运行 start nginx # 关闭： nginx -s stop 或者 nginx -s quit stop 表示立即停止nginx，不保存相关信息 quit 表示正常退出nginx，并保存相关信息 # 重启： nginx -s reload
到此步骤就完成了项目在本地上的部署
二、项目在远程Linux下的部署
建议在Mac电脑上部署
1. 通过终端远程登录自己的服务器
ssh登录到远程主机上
ssh root@
2. 安装并启动 Nginx
yum install nginxsystemctl start nginx.service# 开启nginx服务systemctl enable nginx.service# 跟随系统启动
- 上传打包项目部署
三、linux上离线安装nginx
1.下载导入离线包
链接：https://pan.baidu.com/s/1bXrHV6I0W6yYLo6elhyakA
提取码：9e5w
2.安装依赖包
安装依赖包gcc，在gcc目录下执行以下命令：
rpm -Uvh *.rpm --nodeps --force
安装依赖包gcc-c++，在gcc-c++目录下执行以下命令：
rpm -Uvh *.rpm --nodeps --force
3.检测是否安装成功
gcc -v
g++ -v
版本可能不一样，但出现类似文字即可。
4.安装PCRE
在nginx目录下解压pcre并安装
tar -zxvf pcre-8.35.tar.gz
cd pcre-8.35
./configure
make
make install
5.安装libtool
在nginx目录下解压libtool 并安装
tar -zxvf libtool-2.4.2.tar.gz
cd libtool-2.4.2
./configure
make
make install
6.安装nginx
在nginx目录下解压nginx并安装
tar -zxvf nginx-1.13.9.tar.gz
cd nginx-1.13.9
./configure
make
make install
7. nginx命令
首先找到nginx的安装目录
which nginx
查看进程是否存在
ps -ef|grep nginx
杀死进程
kill -QUIT 1282强制停止
kill -9 1282进入到nginx 的sbin 目录，启动nginx
cd /usr/local/nginx/sbin/ ./nginx 启动 ./nginx -s stop 停止 ./nginx -s quit 退出 ./nginx -s reload 重启 service nginx restart 如果启动没成功就选择这个命令保险起见，可以再看下进程,成功的情况，会看到新的进程号
ps -ef|grep nginx
