摘要:注意后端服務(wù)器地址也要帶上端口號。后面同樣可以配置多個域名,需要在配置,如下為配置后端服務(wù)自定義域名這里我附上我參考的博文地址
首先,了解一下,如果不采用nginx配置代理,需要在config目錄下的index.js文件中配置代理服務(wù),配置如下,以某個項目為例:
proxyTable : { "/gateway": { target : "http://api.robotsphere.com:8081", changeOrigin: true, pathRewrite : {} }, "/cgi" : { target : "http://api.robotsphere.com:8081", changeOrigin: true, pathRewrite : {} }, }
現(xiàn)在,我用nginx反向代理替換上述的方案:
開發(fā)環(huán)境開發(fā)前配置switchhosts里面ip域名,指明后,當(dāng)我們訪問某個指明的域名,就會首先查看配置里對應(yīng)指明的ip地址,而無須通過dns域名解析訪問
#開發(fā)環(huán)境 server { #配置端口號 listen 80; #配置server_name server_name lufeifei.com; #設(shè)置默認(rèn)頁面 地址為webpack-devserver地址 location / { proxy_pass http://127.0.0.1:8075; } #這里因為我的的vue-router 所以將帶#號的請求轉(zhuǎn)發(fā)到本地服務(wù)器 location ~ .*#.*$ { proxy_pass http://127.0.0.1:8075; } #請求后端接口的服務(wù)器地址 location ~ /(gateway|cgi)/ { proxy_pass http://api.robotsphere.com:8081; } }
開發(fā)環(huán)境下沒有dist目錄,所以location中代理路徑填的是我們npm run dev 后的服務(wù)地址,當(dāng)我們在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中配置的端口號。注意:后端服務(wù)器地址也要帶上端口號。
生產(chǎn)環(huán)境#生產(chǎn)環(huán)境 server { #監(jiān)聽80端口,80端口是知名端口號,用于HTTP協(xié)議 listen 80; #定義使用www.xx.com訪問 server_name work.lufei.com lufei.com; location / { root D:workspace/robotdist; index index.html index.htm; } #反向代理的路徑(和upstream綁定),location 后面設(shè)置映射的路徑 ,proxy_pass 后為服務(wù)端的域名和端口 location ~ /(gateway|cgi)/ { proxy_pass http://api.robotsphere.com:8081; } }
生產(chǎn)環(huán)境下,我們會npm run build生成一個dist目錄,這個目錄就是webpack打包后的目錄,所以在生產(chǎn)環(huán)境下,location下的root指向的是這個生成的目錄,里面有我們需要的入口(首頁)的html文件,即index.html, location下的index也是用來配置默認(rèn)打開的文件,后面可以配置多個,即如果找不到index.html會繼續(xù)往后面查看index.htm文件并默認(rèn)打開它。server_name 后面同樣可以配置多個域名,需要在switchhosts配置,如下為switchhosts配置:
# robotsphere.com #后端服務(wù) 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
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/40406.html
摘要:待作者給我答復(fù)吧,安裝擴展感興趣的可以看一下參考,大致的意思是官方改版庫了,所以你就別指望方法來安裝擴展啦等等統(tǒng)統(tǒng)不支持了,是不是瞬間憂傷成狗了哈哈哈還有一種方法叫源碼安裝。不過多版本安裝感興趣的小伙伴可以了解一下參考 Php多版本安裝 引言 lumen和laravel可以使用自帶的install進行安裝(可參照參考1和參考2),令人發(fā)指的是最新的安裝器默認(rèn)采用的是php7.1,本地的...
摘要:團隊開發(fā)手冊環(huán)境搭建寫在前面所有公司最核心的根本就是賺錢實現(xiàn)老板的夢想。比如對小的公司最大的問題就是人員有限,一旦核心員工跳槽,如何招聘員工以及新來員工如何快速融入團隊進行開發(fā)的問題。 JAVA團隊開發(fā)手冊 - 1.環(huán)境搭建 寫在前面 所有公司最核心的根本就是賺錢 + 實現(xiàn)老板的夢想。 對于IT類技術(shù)型公司,最大的成本就是人,可以稱之為知識型勞動密集型企業(yè)。 對比房地產(chǎn),模糊的說,產(chǎn)品...
摘要:本文同步在個人博客上,歡迎關(guān)注這篇文章整理了在前端開發(fā)中,在開發(fā)環(huán)境下使用重寫及代理功能的方法。表示該規(guī)則是使用正則定義的,區(qū)分大小寫。因此牢記在上下文中使用,而在上下文中使用。 本文同步在個人博客shymean.com上,歡迎關(guān)注 這篇文章整理了在前端開發(fā)中,在開發(fā)環(huán)境下使用nginx重寫uri及代理功能的方法。 參考 nginx中文文檔 前端開發(fā)者必備的 Nginx 知識 Ngin...
摘要:分享一些實用的軟件工具也可以分享自己常用的軟件給大家,這里會同步更新必備放幾個資源站點有能力建議購買正版不要看格式的,可以是。建議使用清除系統(tǒng)的間諜軟件,用了之后夏一跳,趕緊卸載了迅雷極速版,只用精簡版。 分享一些實用的軟件工具 PS:也可以分享自己常用的軟件給大家,這里會同步更新 kindle(必備) 放幾個azw3資源站點:有能力建議購買正版,不要看PDF格式的,可以是mobi。我...
摘要:每家公司在前端項目發(fā)布體系可能不盡相同,本篇文章僅僅介紹袋鼠云的前端發(fā)布體系,希望能對大家能有所啟發(fā)。目前袋鼠云采用的是前后端分離的方式,但是開發(fā)中還是比較依賴后端的,接口數(shù)據(jù)還不是很完善。 前言 在目前的大趨勢下,前端和后端解耦已經(jīng)是一個業(yè)界的趨勢。前端和后端一旦解耦之后,前端的項目和后端的項目便可以自己發(fā)布,互不影響。這樣極大地提高工作效率,免去了很多互相等待的時間。每家公司在前端...
閱讀 2580·2021-11-24 09:38
閱讀 2612·2019-08-30 15:54
閱讀 926·2019-08-30 15:52
閱讀 1915·2019-08-30 15:44
閱讀 2721·2019-08-30 13:48
閱讀 776·2019-08-29 16:21
閱讀 1006·2019-08-29 14:03
閱讀 2221·2019-08-28 18:15