有时候会遇到傻X需求,比如前端单点登陆!遇到需求,就要去想
解决办法,
这里我给大家做
一个简单的前端单点登陆的
解决方案,
用到的就是postMessage跨域信息传输以及onstorage的监听。
本文用到的知识点 koa架设静态资源服务、跨域、postMessage的
用法、onstorage监听storage
第一步、架设两个不同端口的服务
我们这里用koa2来搭建两个服务到不同的端口,来模拟一下真正的工作中需要出现的跨域情况。
非常的简单 主要用到 koa-static这个中间件
搭建起来也是非常容易的,如果大家想学node相关的知识 可以加我微信shouzi_1994 或者在
博客下面留言你的联系方式 这里就不多说废话了 直接上
代码 视频内会有详细的搭建步骤
// localhost:4000
const Koa = require('koa');
const path = require('path')
const static = require('koa-static')
const app = new Koa();
//设置静态资源的路径
const staticPath = './static'
app.use(static(
path.join( __dirname,staticPath)
))
console.log("服务启动在4000端口")
app.listen(4000);
// localhost:3000
const Koa = require('koa');
const path = require('path')
const static = require('koa-static')
const app = new Koa();
//设置静态资源的路径
const staticPath = './static'
app.use(static(
path.join( __dirname,staticPath)
))
console.log("服务启动在4000端口")
app.listen(4000);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。