下载
地址: nginx(http://nginx.org/en/download.html)
image.png
下载后，直接解压，解压后如下图：
image.png
启动nginx
- 双击nginx.exe,在浏览器输入http://localhost:80回车，出现以下画面即成功
image.png -
打开cmd，进入到nginx目录，输入命令start nginx 或nginx.exe ，回车即可
image.png
关闭nginx
使用cmd命令窗口，输入如下命令taskkill /f /t /im nginx.exe 或 nginx -s stop 或 nginx -s quit
image.png
修改端口号
默认的端口号是80，可以根据端口使用情况进行修改
-
查看端口占用情况 ，在cmd输入如下命令 netstat -ano | findstr "80"
image.png -
nginx的配置文件是conf/nginx.conf,按照下图修改端口即可
image.png 修改完配置文件后，重启nginx,可输入命令 nginx -s reload
部署前端vue项目
-
将打包后的dist文件复制到html文件下
image.png 修改conf/nginx.conf文档
（root默认是html，配置为html/dist，自动找到dist/index.html打开）
image.png
- 重启nginx,即可
使用nginx代理做负载均衡
upstream webName{ #webName 取得服务器名字
server 192.168.11.186:8888; #不要加http
}
server {
listen 8081;
server_name localhost;
location / {
proxy_pass http://webName;
}
}
此时，访问localhost:8081就会自动跳转到http://192.168.11.186:8888项目中去
也可以配置多个目标服务器，当当一台机器出现故障，nginx会自动转向另一台，weight代表权重，值越大被访问的几率更高
upstream webName{ #webName 取得服务器名字
server 192.168.11.186:8801 weight=3;
server 192.168.11.186:8802 weight=2;
server 192.168.11.186:8803 weight=1;
}
server {
listen 8081;
server_name localhost;
location / {
proxy_pass http://webName;
}
}
备注
若 命令是通过powershell打开的，有些命令可能会出现以下报错的提示，只需切回cmd即可解决
image.png
来源: https://blog.csdn.net/sinat_34626741/article/details/115519348
