解决方案之websocket连接地址是从后端动态获取,

demo-vue-socket.io

结合博客《vue-socket.io使用教程与踩坑记录》查看源码思路会更清晰哦~

websocket主动订阅与订阅数据获取在~/components/HelloWorld.vue文件中 项目拉下来默认使用方案二"结合connect事件+store+路由守卫实现拦截",涉及文件:

~/main.js ~/store/index.js ~/router/index.js 若想测试方案一"保证拿到socket连接地址后再将vue实例挂载到app"或测试连接地址为静态url请自行切换注释状态 Project setup

npm install Compiles and hot-reloads for development

npm run serve Compiles and minifies for production

npm run build Lints and fixes files

npm run lint Customize configuration

See Configuration Reference.

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。