vue-socket.io跨域問題的解決方法

 

 

報錯信息：

Access to XMLHttpRequest at 'http://192.168.37.130:5050/socket.io/?EIO=3&transport=polling&t=N0oqNsW' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
vue-socketio.js?70bb:8 GET http://192.168.37.130:5050/socket.io/?EIO=3&transport=polling&t=N0oqNsW net::ERR_FAILED

解決辦法：

//vue.config.js

module.exports = {
  devServer: {
    proxy: {
        '/socket.io': {
          target: 'http://192.168.37.130:5050',
          ws: true,
          changeOrigin: true
        },
        'sockjs-node': {
          target: 'http://192.168.37.130:5050',
          ws: false,
          changeOrigin: true
        },
    }

  }
}