
vue
文章平均质量分 86
靡_初
自古立大志者,不惟有超世之才,亦必有坚韧不拔之志。
展开
-
No ‘Access-Control-Allow-Origin‘ header is present on the requested resource Vue配置代理解决跨域问题
前言在进行web开发进行数据请求的时候常常会遇到跨域问题导致无法请求数据。如果采用如下方法向http://localhost:4000服务器发送getStudents进行接口数据请求,在后端没有处理跨域问题时可能会遇到如下错误。出现跨域是因为浏览器的同源策略问题,也就是协议(protocol),主机(host)和端口号(port)有不同的情况。我们本地进行web开发肯定会与后端端口号不同所以会出现跨域问题。getStudent() { axios({ url: "http:/原创 2021-10-09 11:57:09 · 999 阅读 · 2 评论 -
Vue组件之间传递数据(组件通信)----消息的定订阅与发布
vue组件之间经常需要传递数据,有时常常使用全局事件总线,但是消息的订阅与发布其实也是比较好用的。简介:类似于全局事件总线,作用是实现任意组件之间的通信。类似于订阅报纸,在订阅的时候写上自己的地址。送的时候会将报纸送到写的地址那里,则自己就会收到报纸。实现:需要在一个组件内订阅一个消息,即想要接受的数据定义的函数。在需要发送的组件内写发布消息的数据(定义与发布需要定义同名的消息变量)。当组件发布数据的时候要接收的组件就会自动触发对应函数。理解:这种方式的思想与全局事件总线很相似。它包原创 2021-09-26 17:10:35 · 489 阅读 · 0 评论 -
vue配置用户状态管理,并使用cookie进行页面拦截
vue配置用户状态管理,并使用cookie进行页面拦截前言 VueX是适用于在Vue项目开发时使用的状态管理工具。一般使用它进行用户信息暂存和状态的管理,其将信息保存在全局中,可以在各个界面组件中获取用户信息。此文章说明在脚手架中的部署步骤。 cookie可以将用户信息保存在本地,方便用户在下一次进入网站的时候可以省去登录步骤直接进行登录。目录结构创建好简单的脚手架后在本示例中又添加了如下几个文件,其中 4 状态管理是用vuex进行状态管理的,5 路由中由界面拦截的方法。用户状态配置下原创 2021-08-31 14:55:51 · 1116 阅读 · 2 评论