vue2 跨域代理出现TypeError: Cannot read properties of undefined (reading 'upgrade')

这个问题通常是由于跨域请求时出现了WebSocket协议而导致的。解决方法是在Vue项目的`vue.config.js`文件中添加以下配置：

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:3000',
        ws: true,
        changeOrigin: true
      }
    }
  }
}

其中，`/api`是你的接口路径，`http://localhost:3000`是接口地址，`ws: true`表示开启WebSocket协议，`changeOrigin: true`表示开启跨域。

如果你的接口路径不是以`/api`开头的，可以将其替换为你的接口路径。

相关问题

[Vue warn]: Error in event handler for "change": "TypeError: Cannot read properties of undefined (reading 'push')" [Vue warn]: Error in event handler for "change": "TypeError: Cannot read properties of undefined (reading 'push')" Error in event handler for "change": "TypeError: Cannot read properties of undefined (reading 'push')"

这个错误通常发生在 Vue.js 的事件处理程序中，意味着你尝试在一个未定义的对象上使用 `push` 方法。可能有几个原因导致这个错误：

1. 你正在尝试在一个未定义的数组上使用 `push` 方法。在使用 `push` 之前，确保数组已经被正确地初始化。

2. 你可能没有正确地声明或初始化要使用的对象。请检查你的代码，确保对象已经被正确地创建和赋值。

3. 你可能在访问数组或对象属性之前没有进行空值检查。请确保在访问属性之前，验证对象或数组是否已经被正确地定义和赋值。

请检查你的代码，特别是与事件处理程序相关的部分，确保以上问题都得到正确处理。如果你能提供更多的代码片段或上下文信息，我可以更具体地帮助你解决这个问题。

vue2 代理跨域配置 后 报错 TypeError: Cannot read properties of undefined (reading 'upgrade')

这个错误通常是由于WebSocket协议引起的，可能是因为代理服务器无法正确地升级到WebSocket，或者后端服务器没有正确地实现WebSocket。建议您检查您的代理配置文件，确保代理服务器能够正确地处理WebSocket请求，同时也要确保后端服务器支持WebSocket协议。您可以在代理配置文件中添加以下内容来启用WebSocket代理：

proxy: {
  '/api': {
    target: 'http://localhost:3000',
    ws: true,
    changeOrigin: true
  }
}

其中，`ws: true`表示启用WebSocket代理，`changeOrigin: true`表示修改请求头中的`Origin`字段，以便后端服务器能够正确地识别请求来源。如果您的后端服务器不支持WebSocket协议，您可以尝试将`ws: true`改为`ws: false`，并重新启动代理服务器。