Websocket error

前端使用 React 開發
利用 restful API 來串接資料庫的部分
在本機開發的時候不會有 websocket 連接
但放到 server 上就會跑出來
而且會有 http error 400 的錯誤
妙的是 Connecting 居然是 Upgrade

網路上搜尋到分別有 Apache 跟 Nginx 的解法
我是參考 fuatsengul 說的這部分去做設定的


     ServerName mysite.com
     ServerAlias www.mysite.com

     SSLEngine on
     SSLProxyEngine On
     ProxyRequests Off

     SSLCertificateFile /etc/apache2/ssl/mysite.com.crt
     SSLCertificateKeyFile /etc/apache2/ssl/mysite.com.key
     SSLCertificateChainFile /etc/apache2/ssl/ca.cer

     DocumentRoot /var/www/errorPages

     ErrorDocument 503 /503.html
     ProxyPass /503.html !

     ProxyPass / http://localhost:3999/
     ProxyPassReverse / http://localhost:3999/


RewriteEngine on
RewriteCond %{HTTP:UPGRADE} ^WebSocket$ [NC]
RewriteCond %{HTTP:CONNECTION} ^Upgrade$ [NC]
RewriteRule .* ws://localhost:3999%{REQUEST_URI} [P]

主要是紅色區塊那部分
前面那兩行 ProxyPass & ProxyPassReverse 我本來就有加
主要是將 port 3000 導到 port 80

加上紅色區塊後（需要依照自己主機設定修改）
連線就正常了
如下圖



Comments

Post a Comment

Popular posts from this blog

mac 安裝 mtr

Image
macOS 上要安裝 mtr 看似簡單 $ brew install mtr 如果沒安裝過 HomeBrew 請參考這邊 mtr 可拿來檢查點對點中間的網路狀態 它結合 ping 及 traceroute 的功能 已內建於大多數的 Linux 中 詳細的說明可參考這邊 但這邊有個坑 由於安裝好的 mtr 不在 /usr/local/sbin 中 macOS 中也不存在這這個目錄（macOS 10.14.3） 所以會出現以下的錯誤 Error: The brew link step did not complete successfully The formula built, but is not symlinked into /usr/local Could not symlink sbin/mtr /usr/local/sbin is not writable. You can try again using: brew link mtr ==> Caveats mtr requires root privileges so you will need to run sudo mtr . You should be certain that you trust any software you grant root privileges. 執行 brew link mtr 會出現 Linking /usr/local/Cellar/mtr/0.92… Error: Could not symlink sbin/mtr /usr/local/sbin is not writable. 如何設定 1. 建立目錄及設定權限 sudo mkdir /usr/local/sbin && sudo chmod ug+rwx /usr/local/sbin && sudo chown $(id -un):admin /usr/local/sbin 2. 設定 PATH 如果有裝 zsh 的話 請編輯 vi .zshrc 如果沒有使用 zsh 請編輯 vi .bash_profile 將下面的部分貼到最下方 export PA...
Read more

CentOS7 如何新增/移除 Rich Rule for firewalld

如果要針對某個 ip 開放某個 port 需要用到 rich rule 來設定 針對 public zone 列出永久的 rule # firewall-cmd --zone=public --list-all --permanent 針對特定的 ip 開放特定的 port 這邊是針對 sql server 開放 # firewall-cmd --add-rich-rule="rule family="ipv4" source address="1.1.1.1" port port="1433" protocol="tcp" accept" --permanent 如果要移除 rich rule # firewall-cmd --permanent --remove-rich-rule 'rule family="ipv4" source address="1.1.1.1" port protocol="tcp" port="1433" accept' PS. webmin 看不到 rich rule, 所以需要用 cmd 才能設定
Read more

如何設定 SSL VPN 分割通道 on Fortigate 80C

Image
以前用 VPN 沒什麼好感 因為每次切到 VPN 通道網路就會被整個帶過去 下載的檔案、MSN、連正在聽得廣播都會斷 而且速度又慢，真不知道那些大公司用 VPN 怎麼都很像很開心 ._. 直到公司買了一台 Fortigate 80C 才慢慢瞭解 SSL VPN 除了連線方便快速以外 還有很多好用的地方！ 這 VPN 的連線速度實在不是一般家用的 router 可以比擬的 另外 Fortigate 的界面比 Juniper 好上太多了 回到正題 首先要先瞭解，為什麼要設定分割通道（split tunneling） 如果不設定的話，那你連上 VPN 後所以的網路傳輸都會透過 VPN 那端的網路進行 如果你今天在家裡 on call 要連到公司處理事情 但連上後，做完事情忘記切斷 VPN 如果上網逛網拍，打線上遊戲，再來看一下 PPS 網路電視 除了"佔據"公司網路頻寬以外，你的網路行為可能都被 Log 下來了 如果有設定分割通道 那麼除了處理公司的事情，其他的網路行為都不會從公司繞出去 這樣就會"自然"很多 FortiOS版本： v4.0,build0313,110301 (MR2 Patch 4) 網路環境說明： DMZ : 10.10.2.0/24 Step 1. 到 Firewall -> Address -> Address -> Create New 建立該 Interface 要被隔開的 IP 或網段 Step 2. 到 Firewall -> Policy -> Policy -> Create New 建立 Policy Step 3. 到 VPN -> SSL -> Portal 選擇之前新增的 Portal 編輯 這邊我找超久的 orz... 點選 TUNEL Mode 右邊圈圈處編輯，IP Pools 選擇之前設定 SSL VPN 使用者的群組 然後把下面的 Split Tunnelin...
Read more