反向代理服务器Nginx的安装及使用

反向代理服务器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就帮我们做好了请求转发
在这里插入图片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章