最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

webpack dev-server代理websocket問題

 更新時間:2024年08月30日 11:11:02   作者:AlsikeMou  
這篇文章主要介紹了webpack dev-server代理websocket問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教

webpack dev-server 代理 websocket

在寫東西的時候遇到websocket在開發(fā)中需要代理,并且基于http,部署后利用Nginx代理并使用https的情況,想?yún)f(xié)調(diào)兩種配置但不太會寫。嘗試之后記下來。

首先用到https之后肯定是不能在頁面中直接使用url去訪問各個后端的,因此務(wù)必配置proxy。

proxy

開發(fā)環(huán)境中使用proxy進行多后端轉(zhuǎn)發(fā)配置,轉(zhuǎn)發(fā)表盡量與nginx配置相對應(yīng),方便部署。

下為用到的配置匿名版。

proxyTable: {
      //多后端配置
      '/a': {
        //target: http://xxxxx/xxxxxx
        target: config.a_target,//如上一行寫成地址即可
        //changeOrigin: true,
        pathRewrite: {
          '^/a':'/'
        }
      },
      '/b':{
        target:config.b_target,
        pathRewrite: {
          '^/b':'/'
        }
      },
      '/c':{
        target: config.c_target,
        ws:true,//支持websokcet
        changeOrigin: true,
        pathRewrite: {
          '^/c':'/'
        }
      },
      '/':{
        target: config.real_target, 
        //ws: true,//支持websocket
        changeOrigin: true,
        pathRewrite: {
        }
      },

websocket

創(chuàng)建websocket時與http請求不同,不能使用/c/前綴直接匹配,而是要使用帶有協(xié)議與地址端口等完整的路徑

代碼如下:

//根據(jù)http協(xié)議判斷是否為ws或wss
let proto = document.location.protocol == 'http:'? 'ws:': 'wss:';
//取地址+端口,配置80端口時port是空的,所以判斷一下
let address = document.location.port? 
document.location.hostname + ':' + document.location.port:  document.location.hostname ;
//拼接請求地址
const wsuri = proto + "http://" + address + "/c/"+this.robotId;
console.log(wsuri);
this.websock = new WebSocket(wsuri);

部署后可能會遇到websocket不停斷開重連,此時不啟用根路徑的websocket即可

'/':{
        target: config.real_target, 
        //ws: true,//注釋掉,不啟用即可
        changeOrigin: true,
        pathRewrite: {
        }
      },

總結(jié)

以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關(guān)文章

最新評論

历史| 珠海市| 尖扎县| 皮山县| 嘉义县| 乐至县| 安福县| 藁城市| 衡阳市| 陇南市| 弋阳县| 出国| 蓬莱市| 黑山县| 潮州市| 延川县| 宜城市| 个旧市| 林甸县| 临邑县| 上思县| 陇西县| 大庆市| 铜山县| 临海市| 陆河县| 洱源县| 都江堰市| 兰西县| 福清市| 十堰市| 广元市| 屯门区| 山阴县| 手游| 旅游| 屯门区| 剑川县| 黄龙县| 眉山市| 阳信县|