解决方案之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、网站不提供资料下载,如需下载请到原作者页面进行下载。