超实用系列:vue中代理websocket

254 阅读1分钟

首先正常情况下 我们是这么写的:

    const webSocket = new WebSocket("ws://127.0.0.1:8080/websocket");

当我们系统要部署的时候可能需要修改IP,我们就不得不来到这个文件下去手动修改IP

解决办法:在vue.configure.js中添加如下代理

    "/socket/": {
        target: "ws://127.0.0.1:8080",
        changeOrigin: true,
        ws:true,
        pathRewrite: {
           '^/socket': ''
         }
      },

然后这么写

    const webSocket = new WebSocket("ws:"+localhost.host+"/socket/websocket");

成功!以后要修改IP只需要去vue.configure.js中去修改就可以了

仅个人记录,非最优解。