vue前端websocket的配置转发

首先是配置文件

'/socket': {
   target: 'http://192.168.0.12:8086',
   ws: true,
   changeOrigin: true,
   pathRewrite: {
      '^/socket': '/'
   }
 }

然后是在vue文件中的使用

var websock = null;

var global_callback = null;
//var serverPort = "8086"; // webSocket连接端口
//var wsuri = "ws:" + window.location.hostname + ":" + serverPort+'/socket/websocket';
//var wsuri = "ws://192.168.0.12:8086/websocket";

var wsuri = "ws:" + window.location.host+'/socket/websocket';
function createWebSocket(callback) {

  if (websock == null || typeof websock !== WebSocket) {
    initWebSocket(callback);
  } 
}

function initWebSocket(callback) {
  global_callback = callback;
  // 初始化websocket
  websock = new WebSocket(wsuri);
  websock.onmessage = function (e) {
    websocketonmessage(e);
  };
  websock.onclose = function (e) {
    websocketclose(e);
  };
  websock.onopen = function () {
    websocketOpen();
  };

  // 连接发生错误的回调方法
  websock.onerror = function () {
    console.log("WebSocket连接发生错误");
     //createWebSocket();啊，发现这样写会创建多个连接，加延时也不行
  };
}