反向代理服務器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就幫我們做好了請求轉發