如何让Vue在同一局域网内能访问?

在开发的时候,前端都是在本地开发。其他同事需要访问页面,直接访问是不能访问的: 解决办法: 方法一: vue的配置文件config下面的index.js,把locahost改成0.0.0.0就行了 改为: 重启即可正常访问 : 方法二: 修改根目录下的 package.json 文件 改为: 重启即可正常访问 总结:使用上面两种方法后,用localhost和ip都是可以正常访问页面的!

继续阅读 …

Vue中如何正常使用锚点定位?

问题: 项目中会有一些功能需要用到锚点定位,比如文章目录、点击标题跳转到正文内容等等。但vue的路由设置默认为hash模式,正常使用a标签的锚点定位,在浏览器刷新/后退/前进时,路由会匹配不上,导致页面无法正常渲染 解决方案: 方法一: 在router配置里添加(亲测有效): 方法二: 定义点击事件 方法三: 自定义指令 main.js  定义全局指令  方便其他地方复用 方法四: 定义点击事件 […]

继续阅读 …

vue-cli的router/index.js跳转出问题了

问题: 配置好了router,跳转一直不生效。找了半天并没有发现语法错误。最后发现自己误删了App.vue里面把<router-view/>,导致了跳转失败! 解决: 把 <router-view/> 加回去就ok了。 个人建议不要修改App.vue里的东西。只做入口文件使用。 拓展: <router-view/> : 主要是构建 SPA (单页应用) 时,方便渲染你[…]

继续阅读 …

Vue使用ajax或者axios获取数据,能获取到数据但是页面没有更新

问题: 用ajax或者axios,get数据是正常的。但是渲染数据时data一直为空 问题代码: 下面代码看起来是正常的,但是当运行的时候会报错: 这时候你运行时会发现,数据可以请求到,但是会报错TypeError: Cannot set property ‘dataList’ of undefined 主要原因是: 在ajax中的this会指向ajax本身,而不再是vue实例本身 ,同理,axi[…]

继续阅读 …

如何在Vue中使用websocket?

什么是WebSocket : WebSocket是一种在单个TCP连接上进行全双工通信的协议。WebSocket通信协议于2011年被IETF定为标准RFC 6455,并由RFC7936补充规范。 WebSocket API也被W3C定为标准。 WebSocket使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在WebSocket API中,浏览器和服务器只需要完成一[…]

继续阅读 …

vue-cli3项目运行时一直发http://localhost:8080/sockjs-node/info?t=1462183700002请求

具体报错如下图: 解决方法: 一、 如果是在开发环境,应该是开发的时候网络环境变更导致,比如你切换无线网络,导致开发服务器的IP地址换了,这样开发服务器会不知道如何确定访问源。开发环境中关闭npm dev server,然后重新npm run serve重新构建服务环境就可以了。如果是生产环境,很大可能是应该是域名和ip映射出问题,重启node,检查重新配置域名和ip映射就可以了。 二、 首先so[…]

继续阅读 …