反向代理服务器Nginx的安装及使用
windows安装nginx
1 进入nginx的官网: http://nginx.org/en/download.html
2 下载好之后解压到任意目录即可
3 进入目录,可以看到nginx.exe,不要手动打开
4 进入powershell,输入: nginx.exe
5 在任务管理器中可以发现有2个nginx.exe启动了
6 关闭nginx命令行窗口,发现进程仍然在运行中。。。
7 停止nginx.exe进程,控制台输入: nginx.exe -s stop
nginx配置
1 在conf目录下找到nginx.conf配置文件
2 修改nginx默认端口 把80修改成其他端口
server {
listen 81;
server_name localhost;
3 配置nginx的转发规则
server {
listen 9001;
# listen somename:8080;
server_name localhost;
location ~ /eduservice/ {
proxy_pass http://localhost:8001;
}
location ~ /eduoss/ {
proxy_pass http://localhost:8002;
}
}
4 找到前端dev.env.js 配置文件,修改端口为9001(nginx监听的端口)
'use strict'
const merge = require('webpack-merge')
const prodEnv = require('./prod.env')
module.exports = merge(prodEnv, {
NODE_ENV: '"development"',
// BASE_API: '"https://easy-mock.com/mock/5950a2419adc231f356a6636/vue-admin"',
BASE_API: "'http://localhost:9001'"
})
5 此时重新启动前后端服务器,nginx就帮我们做好了请求转发