首页 » 前端 » Vue.js » 正文

webpack 代理 websocket

发布者:站点默认
2019/08/8 浏览数(1,244) 分类:Vue.js webpack 代理 websocket已关闭评论
// vue.config.js / webpack.config.js / config/index.js
module.exports = {
  devServer: {
    proxy: {
      // 所有 websocket 接口地址加 /websocket 前缀,例:ws://localhost:8080/websocket/dashboard -> wss://notice.app.upall.cn/dashboard
      '/websocket': {
        target: 'wss://notice.app.upall.cn',
        ws: true,
        secure: false,
        logLevel: 'debug',
        pathRewrite: {
          '^/websocket': '' // 把二级目录变成一级目录
        }
      }
    }
  }
};
// main.js
new WebSocket('ws://localhost:8080/websocket/dashboard');
点击返回顶部
  1. 留言
  2. 联系方式