首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

用微前端的方式搭建类单页应用

,“Portal项目”从window.app.routes获取路由,“子项目”把自己需要注册的路由添加到window.app.routes中,子项目的注册如下: let app = window.app...项目的作用域要怎么控制呢?我们要求“子项目”间是彼此隔离,要避免样式污染,要做独立的数据流管理,我们用项目作用域的方式来解决这些问题。...项目作用域控制 在路由控制的时候我们提到了 window.app,我们也是通过这个全局App来做项目作用域的控制。...require 引用自己的定义的基础库,配合define来使用 routes 用于存放全局的路由,子项目路由添加到window.app.routes,用于完成路由的注册 init 注册入口,为子项目添加上...CSS作用域方面,使用webpack在构建阶段为业务的所有CSS都加上自己的作用域,构建配置如下: //webpack打包部分,在postcss插件中 添加namespace的控制 config.postcss.push

1.7K31

手把手搭建koa2后端服务器-登录认证

跨域认证 现在我们的开发方式都是采用前后端分离的方式,因此后端一般都只提供数据,这就造成前后端域名不同,存在跨域请求的问题,浏览器为了安全方面考虑,对跨域请求有限制。...Cookie }), ); 浏览器在发送跨域请求的时候,当第一次请求到此域名时,会先发送一个 Option 请求,这个请求的作用是询问服务器是否支持跨域请求,以及支持哪些跨域请求的参数。...,具体来说就是我们给 ctx.state 对象中添加的属性和值,在其他 ctx 参数中均可以获取到,这样当我们的认证接口通过 Token 认证后,我们就可以把用户信息添加到 ctx.state 中,这样在其他的处理接口中就可以通过...还有一种方式是使用 koa-jwt 库,通过全局注册中间件为所有的路由都添加登录认证,将不需要认证的路由添加到白名单中即可。...按照一般的思路来讲,我们的网站应该默认全部需要登录认证,特殊路由处理一下即可,但是我觉得 koa-jwt 那种方式不够优雅,不如在注册路由的时候,为指定路由添加 authMiddleWare。

68030
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    前端面试比较好的回答

    首先要了解作用域链,当访问一个变量时,编译器在执行这段代码时,会首先从当前的作用域中查找是否有这个标识符,如果没有找到,就会去父作用域查找,如果父作用域还没找到继续向上查找,直到全局作用域为止,,而作用域链...,就是有当前作用域与上层作用域的一系列变量对象组成,它保证了当前执行的作用域对符合访问权限的变量和函数的有序访问。...执行效果依赖 next 方法的调用参数。介绍了路由守卫及用法,在项目中路由守卫起到的作用等等箭头函数和普通函数有啥区别?箭头函数能当构造函数吗?...普通函数通过 function 关键字定义, this 无法结合词法作用域使用,在运行时绑定,只取决于函数的调用方式,在哪里被调用,调用位置。...箭头函数常用于回调函数中,包括事件处理器或定时器箭头函数和 var self = this,都试图取代传统的 this 运行机制,将 this 的绑定拉回到词法作用域没有原型、没有 this、没有 super

    1K30

    前端vue面试题2021_vue框架面试题

    2.权限路由/动态路由/鉴权 既然说到权限 那么肯定是根据不同账户得到不同的权限来做路由配置和菜单的渲染 第一点当我们登录之后会获取到当前账户的身份(权限),那么我们的路由配置实际上就是一个数组 我们要做的事情就是把获取到的身份与这个数组做对比...,首先第一点我们需要获取到增加的数据,然后通过后台提供的相关接口,把数据作为参数传递,当后台拿到我的数据后往数据库中追加这些数据,然后将最新的数据响应给我们,之后再进行渲染 删:首先获取到要删除的这条数据唯一标识可能是...(必背) 作用一(基本用法):本页面获取dom元素 作用二:获取子组件中的data 作用三:调用子组件中的方法 作用四:子组件调用父组件方法 37.ES6的新特性有哪些?...route是一个跳转的路由对象,每一个路由都会有一个route对象,是一个局部的对象,可以获取对应的name,path,params,query等 40…什么是原型链?...(必背) 作用域:变量起作用的范围 变量访问会层层往上级作用域访问直到window,称为作用域链 变量提升:JS编译阶段会将文件中所有var,function声明的变量提升到当前作用域最顶端 50.为什么构造函数的方法要放在

    1.9K40

    关于前端请求跨域问题解决方案

    然后定义了一个处理跨域请求的路由 /api/data,在这个路由中编写处理跨域请求的逻辑。在示例中,简单地返回了一个 JSON 响应。...2:JSONP(JSON with Padding): JSONP 是一种绕过跨域限制的方法,用动态创建 标签来加载远程脚本,通过脚本的执行来获取数据。...callback=' + callbackName; // 将 标签添加到文档中开始加载远程脚本 document.body.appendChild(script); } makeJsonpRequest...将 标签添加到文档中后,浏览器会开始加载远程脚本。 在客户端,定义了一个全局的回调函数 handleResponse 来处理从远程服务器返回的数据。...定义了一个 /api/data 的路由,当客户端发起对该路由的请求时,代理服务器会将请求转发到目标服务器(https://api.example.com/data)。

    1.4K30

    ensp中ospf多区域管理

    ————前言————OSPF 多区域的主要作用是缩小链路状态数据库和路由表的规模,减少路由更新的频率,提高网络的可扩展性,实现路由过滤和路由汇总,从而提高网络的性能、稳定性、安全性和可管理性。...OSPF 多区域的主要作用如下作为了解即可1....减少路由更新的频率:在单一区域的 OSPF 网络中,一旦网络拓扑发生变化,所有路由器都需要进行路由更新,而在多区域的 OSPF 网络中,只有与变化相关的区域内的路由器需要进行路由更新,其他区域内的路由器不受影响...network 192.168.2.0 0.0.0.255 :此命令将网络 192.168.2.0/24 添加到 OSPF 区域 0。...network 192.168.4.0 0.0.0.255 :此命令将网络 192.168.4.0/24 添加到 OSPF 区域 0。

    20910

    OSPF 主干区域 Area 0,谁能撼动地位它的地位!

    在本文中,我们将详细介绍OSPF的Area 0区域,包括其特点、用途以及配置步骤。图片1....Area 0区域的优势Area 0区域具有以下几个重要的优势:路由信息聚合:Area 0区域可以聚合其他区域的路由信息,减少了整体路由表的规模。这样可以降低路由器的负载和内存消耗,提高路由计算的效率。...灵活的策略控制:通过在Area 0区域进行策略控制,可以更好地管理路由信息的传递和过滤。管理员可以通过配置Area 0上的路由策略,控制不同区域之间的路由流量,实现更精确的网络控制和安全性。3....GigabitEthernet 0/0添加到Area 0(主干区域)ospf 1 area 1 将接口GigabitEthernet 0/1添加到区域1。...配置Area 0区域的最佳实践除了基本的配置步骤外,以下是配置Area 0区域的一些最佳实践:选择合适的Router ID:在Area 0中,Router ID是唯一标识一个路由器的32位标识符。

    1.9K30

    Windows DHCP最佳实践(四)

    广播DHCP消息,路由器不转发广播数据包。要解决此问题,您可以在路由器/交换机上启用DHCP中继代理功能,以允许DHCP广播数据包到达设备。 您将需要查看路由器文档,以获取启用中继代理的命令。...资料来源 思科配置DHCP中继代理 HP配置DHCP中继 防止恶意DHCP服务器 您是否曾经有用户或IT部门中的某人将交换机/路由器插入墙上的可用端口?...如果没有任何异地备份,则需要定期将备份文件夹复制到另一个位置。 这可以通过将文件夹复制到另一个位置或使用PowerShell指定远程位置的脚本来完成。...如果要让DHCP作用域为明确的设备列表提供IP地址,这将很有用。如果VLAN上有不需要的设备获取IP地址,这也很有用。 例如,您有用户将BYOD设备放在您的安全VLAN上。...您可以将这些设备添加到拒绝过滤器中。DHCP MAC过滤是一种控制网络访问的快速简便的方法。如果有时间和资源,最好的选择是使用802.1x。 结论 在管理DHCP服务器时,我多年来一直在使用这些技巧。

    1.4K10

    vue面试必须掌握的点

    slot又分三类,默认插槽,具名插槽和作用域插槽。默认插槽:又名匿名查抄,当slot没有指定name属性值的时候一个默认显示插槽,一个组件内只有有一个匿名插槽。...作用域插槽:默认插槽、具名插槽的一个变体,可以是匿名插槽,也可以是具名插槽,该插槽的不同点是在子组件渲染作用域插槽时,可以将子组件内部的数据传递给父组件,让父组件根据子组件的传递过来的数据决定如何渲染该插槽...="b"作用域插槽作用域插槽在解析的时候不会作为组件的孩子节点。...(插槽的作用域为子组件)普通插槽渲染的作用域是父组件,作用域插槽的渲染作用域是当前子组件。...JavaScript 代码获取跨域请求的响应CORS 实现起来非常方便,只需要增加一些 HTTP 头,让服务器能声明允许的访问来源只要后端实现了 CORS,就实现了跨域!

    1.8K40

    为什么说 EVPN 并非一种协议?

    此外,VXLAN 通用协议扩展 (VXLAN-GPE) 使leaf交换机能够将组策略信息添加到数据包中。...EVPN 构建模块 上图分为了四个域:1)服务抽象 - 广播域,2) Overlay控制平面,3)Overlay数据平面,4)路由传播。这些域由具有跨域依赖关系的多个组件组成。...接下来,将最佳 MAC 路由与拓扑信息(与 VXLAN 段关联的 VLAN ID)和下一跳信息一起编码到 L2RIB 中。 此外,L2RIB 将路由源描述为 BGP。...VTEP 交换机从传入帧中学习源 MAC 地址并将其添加到 MAC 地址表中。与 MAC 表项关联的 VLAN ID 来自接入电路(入接口)或以太网报头中的 802.1Q 标签的配置。...BGP 进程将 EVPN 实例特定的路由区分符附加到 EVPN NLRI。此外,EVI 特定的路由目标配置为 EXTENDED_COMMUNITY,并且在 NVE 接口配置中定义的 VXLAN 封装。

    20710

    网工涨姿势:两种方式可以实现VLAN间的互访!

    1通过子接口实现 VLAN 间的互访 在二层交换环境下,一个VLAN就是一个广播域,相同VLAN内的节点如果配置相同网段的IP地址即可直接通信,我们将这种通信称为二层通信。...不同VLAN是不同的广播域,一般也是不同的逻辑子网,而且相互隔离,无法直接互访,这样能起到隔绝广播的作用,如上图所示。...然后将路由器Router的GE0/0/1口作为VLAN10用户的网关,GE0/0/2作为VLAN20用户的网关,从而利用路由器的路由功能实现两个VLAN之间的互访,这么做看似可行,但是一个VLAN就需要路由器拿出一个接口...最后别忘了要将子接口添加到相应的安全域中,例如VLAN10这个网络如果比较重要,则可将防火墙的GE0/0/1.10接口添加到高安全级别的区域,如Trust,而VLAN20可能需要接受来自外部的访问,因此规划在...DMZ域,故将子接口GE0/0/1.20添加到DMZ区域。

    2.9K12

    交换技术:MAC地址、广播域、帧交换

    VLAN 创建一个广播域,该域通过将交换机端口分配给同一 VLAN 来定义,连接到分配的交换机端口的所有主机都是同一广播域的一部分,创建多个 VLAN 将定义多个广播域,交换机不会在 VLAN 之间转发广播或多播流量...第 2 层网络交换机不会重写帧头 MAC 地址,它检查源 MAC 地址和目标 MAC 地址,如果未列出,源 MAC 地址和关联端口将添加到 MAC 地址表中。...主机发送带有封装在帧中的 IP 标头的数据包,端到端连接需要源和目标 IP 地址,第 2 层交换机不检查或理解 IP 寻址,他们只能检查数据消息中的第 2 层帧以获取源 MAC 地址和目标 MAC 地址...广播域 VLAN 创建一个广播域,该域通过将交换机端口分配给同一 VLAN 来定义,连接到同一 VLAN 的交换机端口的所有主机都属于同一广播域。 创建多个 VLAN 定义了多个广播域。...然后交换机会将源 MAC 地址 (host-2) 添加到 MAC 表中,交换机将单播泛洪(MAC 学习)帧从除学习帧的端口 (Gi1/2) 之外的所有端口传出,该广播帧仅包含目标 MAC 地址,具有匹配目标

    1.7K10

    六、中间件与跨域

    什么是中间件 在路由相应之前就会执行中间件的内容,例如在中间件中进行赋值,这种就可以在路由执行时使用这个值。 所以中间件就是服务器开启之后和路由响应之前执行的一个函数。...; }); 什么是跨域 浏览器使用ajax时,如果请求的接口地址和当前打开的页面地址不同源称之为跨域。 协议和地址、端口都一样成为同源。有一个不同则为不同源。...const cors = require("cors"); app.use(cors()); jsonp 原理 通过动态创建script标签,通过script标签的src请求没有域限制来获取资源 例如在...例如前端通过get参数方式将函数名传递给后端。 function fn() { console.log('这是事先准备好的函数!')...动态获取数据的示例 <!

    64970

    springcloud gateway作用_gateway网关路由配置

    过滤器工厂 路由过滤器(GatewayFilter) 是网关中提供的一种过滤器,可以对进入网关的请求和微服务返回的响应处理. 过滤器的作用?...① 对路由的请求或响应做加工处理,比如请求头 ② 配置在路由下的过滤器只对当前路由的请求生效 default-filters的作用?...# 添加请求头 全局过滤器(GlobalFilter) 全局过滤器的作用也是处理一切进入网关的请求和微服务响应,与GatewayFilter的作用一样 区别在于GatewayFilter通过配置定义,...全局过滤的作用? 对所有路由都生效的过滤器,并且可以自定义处理逻辑 实现全局过滤的步骤?...如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

    77420

    内网基础篇——浅谈内网

    在用路由器连接的内网中,可以将网络划分为三个区域:安全级别最高的内网;安全级别中等的DMZ;安全级别最低的外网(Internet)。 ? ?...可以将某个全局组添加到同一个域的另一个全局组中,或者添加到其他域的通用组和域本地 组中(不能添加到不同域的全局组中,全局组只能在创建它的域中添加用户和组)。...全局编录通常用于存储一些不经常发生变化的信息。由于用户账号信息时经常变化的,建议 不直接将用户账号添加到通用组中,先将用户账号添加到全局组中,在把这些相对稳定的全局组添加到通用组中。...域本地组来自全林,作用于本域;全局组来自本域,作用于全林;通用组来自全林,作用于 全林。...A-G-DL-P策略 指将用户账号添加到全局组中,将全局组添加到域本地组中,然后为域本地组分配资源 A:用户账号 G:全局组 U:通用组 DL:域本地组 P:资源管理 在安装域控制器时

    1.9K40

    ASP.NET Core Startup类 Configure()方法 | ASP.NET Core 中间件详细说明

    >) 将中间件委托添加到应用程序的请求管道中,对与自定义的中间件,使用此方法。...处理程序添加到指定的 IApplicationBuilder,它支持 cookie 策略功能 UseCors(IApplicationBuilder) 将CORS中间件添加到Web应用程序管道以允许跨域请求这是一个静态方法..., String) 将CORS中间件添加到Web应用程序管道以允许跨域请求这是一个静态方法,类型为 Microsoft.AspNetCore.Builder.IApplicationBuilder UseDefaultFiles...MVC 添加到 请求执行管道中 UseMvc(IApplicationBuilder, Action) 将 MVC 添加到请求执行管道中,并配置路由,使用示例123456app.UseMvc..., IRouter) 创建路由规则并添加到路由表中 UseRouter(IApplicationBuilder, Action) 创建路由规则并添加到路由表中 Run(IApplicationBuilder

    3.6K20

    【Hybrid开发高级系列】AngularJS(一)——基础专题

    属性即说明整个都是AngularJS脚本作用域。...· 手机的数据此时与注入到我们控制器函数的作用域($scope)相关联。当应用启动之后,会有一个根作用域被创建出来,而控制器的作用域是根作用域的一个典型后继。...AngularJS的作用域理论非常重要:一个作用域可以视作模板、模型和控制器协同工作的粘接器。AngularJS使用作用 域,同时还有模板中的信息,数据模型和控制器。...想要更加深入理解AngularJS的作用域,请参看AngularJS作用域文档。 2.5 测试         测试 “AngularJS方式”让开发时代码测试变得十分简单。...://www.jb51.net/article/78895.htm AngularJS路由系列(四)-UI-Router的$state服务、路由事件、获取路由参数 http://www.myexception.cn

    55080
    领券