Vue
文章平均质量分 65
基于项目实践,深入探索vue。
FloraCat_染小白
前端空城狮爱GIS可视化
展开
-
使用websocket实现浏览器与服务端进行双向通信(Vue springboot)
一、websocket介绍通常服务端想主动给前端推送信息的话,需要使用轮询技术,即在特定的时间间隔(比如每1秒),浏览器通过调用服务端的接口向服务端发送http请求,服务端将最新的数据发送给浏览器。这种方式在性能上有明显的缺点,即浏览器需要不断向服务器发送请求,然而HTTP请求可能包含较长的头部,其中真正有效的数据可能只是很小的一部分,显然会浪费很多的宽带资源。而HTML5的websock...原创 2019-10-22 21:27:34 · 2461 阅读 · 1 评论 -
【vue】vue使用x2js解析xml文件
一、功能需求实验室的项目需要添加直播功能,获取到直播流网址如下图所示:这是一个xml网址,需要解析这个xml网址获取到正在直播的rtmp地址,以进行直播展示。jq使用get或ajax解析xml文件在vue框架里似乎行不通了。搜索发现了x2js插件,用于在XML和JavaScript对象之间进行转换的库。二、x2js安装配置可以使用npm安装或者到https://github...原创 2019-02-20 10:57:18 · 13086 阅读 · 4 评论 -
【Vue】Vue项目打包发布到服务器,以及空白页或图片不显示问题
一、Vue项目打包Vue项目完成后,需要打包上线。打包只需要执行命令npm run build即可,但有两点需要注意的地方,否则就会出现空白页或图片不显示问题。① 修改路径位置,解决空白页问题。 修改位于项目目录中的config/index.js,将assetsPublicPath: '/'修改为assetsPublicPath: './',注意有两处。如下: ...原创 2019-01-09 09:06:41 · 6571 阅读 · 0 评论 -
【Vue踩坑之旅】在element的dialog中显示高德地图
一、问题及解决思路高德地图在页面中引用能够正常显示,但是想在弹框中显示高德地图并进行操作,却显示为空白......很奇怪,为什么在页面中能够显示,在对话框里就不能显示了。首先让弹框一开始就显示,并给地图加载增加了3秒延迟,3秒后地图正常显示。喏,看来是组件初始化的时候容器dom还没渲染,因此需要使用nextTick。其次查看element ui的源码,会发现 <div cla...原创 2019-01-14 16:24:37 · 10511 阅读 · 9 评论 -
【采坑之路】 axios 的跨域问题
最近学了一下vue,尝试做一个管理网站,使用axios请求后台接口数据时,又难免掉进了跨域坑中,报错如下403:根据报错提示“XMLHttpRequest has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.”,可以得知...原创 2018-12-12 09:35:15 · 10988 阅读 · 1 评论 -
【Vue】以登录token为例,理解vuex状态管理使用
一、Vuex概念 Vue.js通过Vuex对组件的公共状态进行集中管理。每一个 Vuex 应用的核心是 store(仓库),“store”可以理解为是一个容器,包含着应用中大部分的状态 (state)。这些状态是全局的,但Vuex 和单纯的全局对象有以下两点不同: ① Vuex 的状态存储是响应式的。 Vue 组件从 store 中读取状态时,若 store 中的状态发生...原创 2018-12-21 14:59:48 · 6429 阅读 · 0 评论 -
【Vue】如何使用脚本架工具vue-cli快速创建vue项目
对于初学小白,webpack迷迷糊糊,写vue已经够辛苦的了,奈何还要自己配置webpack......其实有帮助我们更好更快速开发代码的工具——vue-cli一、安装常用的有cli2和cli3两个版本,至此,cli2非常成熟,cli3相对成熟而更加强大。cli2:npm install -g vue-clicli3:npm install -g @vue/cli...原创 2018-11-29 15:59:44 · 555 阅读 · 0 评论