Nginx配置和switchhosts工具的使用

Magicer 發布于2019-07-25 14:43 / 1359人閱讀

摘要：注意后端服務器地址也要帶上端口號。后面同樣可以配置多個域名，需要在配置，如下為配置后端服務自定義域名這里我附上我參考的博文地址

首先，了解一下，如果不采用nginx配置代理，需要在config目錄下的index.js文件中配置代理服務，配置如下，以某個項目為例：

proxyTable        : {
            "/gateway": {
                target      : "http://api.robotsphere.com:8081",
                changeOrigin: true,
                pathRewrite : {}
            },
            "/cgi"    : {
                target      : "http://api.robotsphere.com:8081",
                changeOrigin: true,
                pathRewrite : {}
            },
        }

現在，我用nginx反向代理替換上述的方案：

開發環境

開發前配置switchhosts里面ip域名，指明后，當我們訪問某個指明的域名，就會首先查看配置里對應指明的ip地址，而無須通過dns域名解析訪問

#開發環境
    server {
        #配置端口號
        listen 80;
        #配置server_name
        server_name lufeifei.com;
        #設置默認頁面 地址為webpack-devserver地址
        location  / {
            proxy_pass http://127.0.0.1:8075; 
        }
        #這里因為我的的vue-router 所以將帶#號的請求轉發到本地服務器
        location ~ .*#.*$ {
            proxy_pass http://127.0.0.1:8075;
        }
        #請求后端接口的服務器地址
        location ~ /(gateway|cgi)/ {
            proxy_pass http://api.robotsphere.com:8081;
        }
    }

開發環境下沒有dist目錄，所以location中代理路徑填的是我們npm run dev 后的服務地址，當我們在url輸入server_name配置的域名后，nginx會幫我們代理訪問http://127.0.0.1:8075（npm run dev后配置生成的url），這里也可以是http://localhost:8075,127.0.0.1指向的就是localhost，8075端口是我們在vue項目中config目錄下的index.js中配置的端口號。注意：后端服務器地址也要帶上端口號。

生產環境

#生產環境
    server {
        #監聽80端口，80端口是知名端口號，用于HTTP協議
        listen       80;
        
        #定義使用www.xx.com訪問
        server_name  work.lufei.com lufei.com;
        
        location / {
            root D:workspace/robotdist;   
            index  index.html index.htm;
        }
        
        #反向代理的路徑（和upstream綁定），location 后面設置映射的路徑 ,proxy_pass 后為服務端的域名和端口
        location ~ /(gateway|cgi)/ {   
            proxy_pass http://api.robotsphere.com:8081;  
        } 
    }

生產環境下，我們會npm run build生成一個dist目錄，這個目錄就是webpack打包后的目錄，所以在生產環境下，location下的root指向的是這個生成的目錄，里面有我們需要的入口（首頁）的html文件，即index.html， location下的index也是用來配置默認打開的文件，后面可以配置多個，即如果找不到index.html會繼續往后面查看index.htm文件并默認打開它。server_name 后面同樣可以配置多個域名，需要在switchhosts配置，如下為switchhosts配置：

# robotsphere.com
#后端服務
192.168.1.118 api.robotsphere.com 
#自定義域名
127.0.0.1 work.lufei.com lufei.com lufeifei.com

這里我附上我參考的博文地址：https://blog.csdn.net/qq_32930863/article/details/77164738

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/40406.html

Php本地多版本安裝

摘要：待作者給我答復吧，安裝擴展感興趣的可以看一下參考，大致的意思是官方改版庫了，所以你就別指望方法來安裝擴展啦等等統統不支持了，是不是瞬間憂傷成狗了哈哈哈還有一種方法叫源碼安裝。不過多版本安裝感興趣的小伙伴可以了解一下參考 Php多版本安裝引言 lumen和laravel可以使用自帶的install進行安裝(可參照參考1和參考2)，令人發指的是最新的安裝器默認采用的是php7.1,本地的...

FleyX 2019-07-01 10:04 評論0 收藏0
JAVA團隊開發手冊 - 1.環境搭建

摘要：團隊開發手冊環境搭建寫在前面所有公司最核心的根本就是賺錢實現老板的夢想。比如對小的公司最大的問題就是人員有限，一旦核心員工跳槽，如何招聘員工以及新來員工如何快速融入團隊進行開發的問題。 JAVA團隊開發手冊 - 1.環境搭建寫在前面所有公司最核心的根本就是賺錢 + 實現老板的夢想。對于IT類技術型公司，最大的成本就是人，可以稱之為知識型勞動密集型企業。對比房地產，模糊的說，產品...

Jason_Geng 2019-08-15 13:31 評論0 收藏0
在開發環境下使用nginx重寫uri及代理功能

摘要：本文同步在個人博客上，歡迎關注這篇文章整理了在前端開發中，在開發環境下使用重寫及代理功能的方法。表示該規則是使用正則定義的，區分大小寫。因此牢記在上下文中使用，而在上下文中使用。本文同步在個人博客shymean.com上，歡迎關注這篇文章整理了在前端開發中，在開發環境下使用nginx重寫uri及代理功能的方法。參考 nginx中文文檔前端開發者必備的 Nginx 知識 Ngin...

LMou 2019-05-21 19:27 評論0 收藏0
分享一些實用的軟件工具

摘要：分享一些實用的軟件工具也可以分享自己常用的軟件給大家，這里會同步更新必備放幾個資源站點有能力建議購買正版不要看格式的，可以是。建議使用清除系統的間諜軟件，用了之后夏一跳，趕緊卸載了迅雷極速版，只用精簡版。分享一些實用的軟件工具 PS：也可以分享自己常用的軟件給大家，這里會同步更新 kindle(必備) 放幾個azw3資源站點：有能力建議購買正版,不要看PDF格式的，可以是mobi。我...

arashicage 2019-08-16 11:03 評論0 收藏0
袋鼠云前端項目發布工具dtux-kangaroo

摘要：每家公司在前端項目發布體系可能不盡相同，本篇文章僅僅介紹袋鼠云的前端發布體系，希望能對大家能有所啟發。目前袋鼠云采用的是前后端分離的方式，但是開發中還是比較依賴后端的，接口數據還不是很完善。前言在目前的大趨勢下，前端和后端解耦已經是一個業界的趨勢。前端和后端一旦解耦之后，前端的項目和后端的項目便可以自己發布，互不影響。這樣極大地提高工作效率，免去了很多互相等待的時間。每家公司在前端...

yacheng 2019-08-26 12:01 評論0 收藏0