账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    在vue-cli中配置websocket 代理接口地址不起作用
    32
    0

    配置文件中:

    dev: {

    env: require('./dev.env'),
    port: 8080,
    autoOpenBrowser: true,
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {
        '/risk':{
            target:'http://xxx.xxx.xxx.xxx/'
        },
        '/socket': {
            target:'ws://xxx.xxx.xxx.xxx/',
            ws: true,
        }
    } 

    var ws = new WebSocket('/socket/xxx')

    直接使用 var ws = new WebSocket('ws://xxx.xxx.xxx.xxx/socket/xxx')没有问题,配置代理地址时,'/risk'路径的接口正常,/socket接口报错
    Uncaught DOMException: Failed to construct 'WebSocket': The URL '/socket/xxx' is invalid.

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 水眠乡 普通会员 1楼

      在Vue CLI中配置WebSocket代理接口地址不起作用,可能是因为你的WebSocket配置文件设置错误或者不在正确的目录下。

      以下是一些可能的原因和解决方法:

      1. 确保WebSocket配置文件已经正确配置:请确保你的WebSocket配置文件在public/config/index.jspublic/config/websocket.js中,并且按照官方文档的格式正确配置。请参阅官方文档:https://vuejs.org/v2/guide/websocket.html

      2. 确保WebSocket配置文件正确路径:请确保你的WebSocket配置文件路径正确。请参阅官方文档:https://vuejs.org/v2/guide/websocket.html#client-side-websocket

      3. 确保WebSocket服务器正在运行:请确保WebSocket服务器正在运行。请参阅官方文档:https://vuejs.org/v2/guide/websocket.html#server-side-websocket

      4. 检查你的WebSocket代理设置:请确保你的WebSocket代理设置正确。请参阅官方文档:https://vuejs.org/v2/guide/websocket.html#proxy-configuration

      5. 确保你的WebSocket服务器已经在你的服务器上:请确保你的WebSocket服务器已经在你的服务器上,并且运行正常。

      如果以上方法都无法解决问题,可能需要你重新安装Vue CLI和WebSocket,或者尝试在不同的环境(例如开发环境和生产环境)中配置WebSocket。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部