首页
学习
活动
专区
圈层
工具
发布

基于qiankun落地部署微前端爬”坑“记

我有个门户Portal的登陆界面(主应用基座),登陆成果后可以切换不同的子应用,如下有两个子应用A和B,且都在之前是独立部署的,单独可以访问,但是我们现在想借助qiankun把他们“嵌”到基座来加载,往下看实操...啊呆同学:你这样不会跨域吗?...❝ vue-cli 3x项目中需要通过在vue.config.js配置output来配置输出的方式,如下?...啊明同学:我之前a应用是单独运行部署的,我通过qiankun集成到基座portal中会有影响吗? ❞ 答案:使用这个全局变量来区分当前是否运行在 qiankun 的主应用中 那就是: window....隔壁老王同学:如果我想把门户登陆应用登陆成功获取到的个人数据共享给子应用还有一些公用的方法,我该怎么做? ❞ 答案:可以在注册子应用的时候,把定义好要共享的msg,通过props共享出去 ?

5.1K20

基于qiankun落地部署微前端爬”坑“记

不过官方文档上关于上线部署文档较少,很多童鞋也可能只是在本地玩玩,没有到真正走通整个闭环,于是结合自身,在将qiankun落地过程中遇到的“那些坑”做个梳理。希望对你有所帮助 ❞ 1.?...,我有个门户Portal的登陆界面(主应用基座),登陆成果后可以切换不同的子应用,如下有两个子应用A和B,且都在之前是独立部署的,单独可以访问,但是我们现在想借助qiankun把他们“嵌”到基座来加载,...啊呆同学:你这样不会跨域吗?...❝ vue-cli 3x项目中需要通过在vue.config.js配置output来配置输出的方式,如下?...啊明同学:我之前a应用是单独运行部署的,我通过qiankun集成到基座portal中会有影响吗? ❞ 答案:使用这个全局变量来区分当前是否运行在 qiankun 的主应用中 那就是: window.

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

    JSON Web Token(JWT)教程:一个基于Laravel和AngularJS的例子

    基于token的认证是无状态的,因此不需要在会话中存储用户信息。这使我们能够扩展我们的应用程序,而不必担心用户登录的位置。我们可以轻松地使用相同的token从除了我们登录的域之外的域中获取安全资源。...可重用性:我们可以拥有许多独立的服务器,在多个平台和域(domains)上运行,重复使用相同的令牌来验证用户。很容易构建与其他应用程序共享权限的应用程序。...我们将创建一个示例API子域,以模拟跨域( Cross-origin)资源共享(CORS)。...有关此过程的任何问题,请参阅官方Laravel文档。 在我们创建了基本的Laravel 5应用程序之后,我们需要设置我们的Homestead.yaml,它将为我们的本地环境配置文件夹映射和域配置。...HTTP请求 为了简洁起见,我将把我所有的代码放在route.php文件中,该文件负责Laravel路由和委托请求给控制器。

    36.7K10

    当我们讨论swoole的时候,我们在讨论什么?

    首先,我们需要肯定的是,它的出现是为了弥补php更准确的是laravel的短板:性能和资源利用率。其次,就我们现有的场景来说,更多的是开发http的相关功能。...没有常驻内存,每次请求都会需要初始化相关模块,加载zend引擎需要的环境,最后编译成为OpCode在zend引擎里去执行它,执行完成后释放所有内存和资源,这个就不存在内存泄漏的问题了。...可以参考这篇配置sdebug,具体参考:https://segmentfault.com/a/1190000037782063 增加部署维护成本。...以前请求路径: 客户端->nginx->php-fpm fork子进程->laravel处理请求 ?...go的信道可以放在主程中使用,同时go的channel更灵活、复杂(如长轮询的实现可以定 一个map[string]chan string) ORM。

    6.9K40

    我的简易壁纸网站开发之旅

    综合考虑后,我选择用PHP的Laravel框架来开发这个项目,同时借助WebDAV服务存储壁纸资源,因为这样可以方便地使用网盘等作为资源库。...后来发现,我的 WebDAV 资源是部署在另一个域名下的,需要跨域。...解决方法有两个:一种是在 WebDAV 服务器端配置允许跨域(我后来测试阶段用的是自己可控的网盘,所以在WebDAV设置里允许了所有域跨域);另一种是让Laravel端做代理,即让用户请求一个Laravel...总结 回顾这个项目的开发过程,我从项目初始化、数据库设计到前后端功能的实现,经历了思考、编码、调试和优化的循环。...如果你也想搭建类似的资源库系统,可以参考我的思路,也可以根据具体情况进行扩展和优化。 最后,谢谢你的阅读。如果你有任何问题或建议,欢迎在评论区交流。祝愿大家在编程的道路上越走越远,不断成长!

    2K10

    第六章 DNS服务(2)

    部署缓存服务器的方式即是部署DNS转发服务器,思路是在企业内部部署一台DNS服务器,不设置任何区域,仅配置转发功能,并指向外网某一台DNS服务器。...则客户端的DNS可指向该转发服务器,当客户要做解析时,会向转发器发出询问,若转发器缓存中无相关记录,则会向外网的DNS询问,得到结果后,会先放入缓存中,在反馈给客户端,这样有其他客户端询问相同域名时,转发器则可以直接从缓存中提取信息...3、客户端验证 小结:从上面实验中可见到,其实辅助DNS实质是把区域做成了辅助类型,DNS服务器本身是并不分主辅的,一台DNS上可以有主区域,也可以有辅助区域,只要不是相同的区域名即可。...UDP 53 为客户提供解析服务 6.9 子域解析 若客户端找到父域DNS请求解析子域的FQND,父域是要负责解析的,所以需要在父域的区域文件中做好相关配置。...6.9.1 直接FQDN解析子域 直接解析子域FQDN配置非常简单,只要编辑区域文件,写入子域的FQND的A记录即可,案例如下: vi /var/named/rzz_zheng ---写入

    3.9K20

    PHP周刊2026W22 | WordPress 7.0发布、Laravel 13.10.0、Polyfill 1.38.1、Symfony 8.1

    为什么你应该停止在商业项目中使用Laravel(隐藏风险)每个框架都有蜜月期。对于PHP开发者来说,Laravel多年来一直是那个可靠、功能丰富的伙伴。它优雅,拥有出色的社区,而且能快速完成任务。...别再责怪PHP了:Laravel性能圣经来了在多年架构大规模系统之后,我意识到许多Laravel开发者缺乏对某些实践为何缓慢的基础理解。...在PhpStorm中管理LaravelCloud部署JetBrains在PhpStorm中发布了一个新的Laravel工具窗口,让你无需离开编辑器即可管理和排查LaravelCloud部署问题。...阅读一次隐蔽WP注入的解剖:我如何通过4层混淆代码追踪一个零日漏洞高流量电商商店和企业级WordPress部署很少面临喧闹的篡改攻击。相反,它们面临的是噩梦般的场景:一次静默入侵。...使用私有SymfonyRecipes我厌倦了在每个Symfony项目中设置相同的东西。相同的配置。相同的服务。相同的那些不难但会累积的小胶水代码。Symfonyrecipes解决了很多问题。

    50610

    记对某根域的一次渗透测试

    原文首发在先知社区 https://xz.aliyun.com/t/15026 前言 两个月之前的一个渗透测试项目是基于某网站根域进行渗透测试,发现该项目其实挺好搞的,就纯粹的没有任何防御措施与安全意识所以该项目完成的挺快...步骤 拿到根域,简单进行一个子域名收集,利用360quake搜索,发现大量gitlab服务,我猜测是蜜罐并且很难从这一点进行利用,所以只是简单的使了几个弱口令和CVE历史漏洞,发现没什么利用点就找下一个去了...aksk泄露,这还得了,直接连上去看看是不是真的aksk啊,不仅发现能够连接,而且此云存储服务器还有此根域下面的其他子域名的文件等信息,我猜测所有子域名下的云文件都在该文件服务器上,仅仅一个域名就有高达...THINKCMF内容关系系统,和上面的模板一摸一样,但是弱口令密码不一样 资产管理系统弱口令 发现使用的是laravel框架,但是该版本不存在漏洞 除此之外在文件上传处可进行文件上传还是,黑名单过滤,我使了很久发现可以上传...其实该项目挺简单的,基本都是弱口零,而且很多cms,thinkphp框架还有laravel框架都报出过许多漏洞,奈何本人实力不够无法进一步利用。

    51110

    php基础(一)

    用例子说明,以 Laravel 框架中的控制器作为说明 ①final修饰的类方法不可被子类重写 ②PHP是否重写父类方法只会根据方法名是否一致判断(5.3以后重写父类方法参数个数必须一致) ③重写时访问级别只可以等于或者宽松于父类...Redis 提供了多种不同级别的持久化方式: RDB 持久化可以在指定的时间间隔内生成数据集的时间点快照(point-in-time snapshot)。...2.ajax 中如何执行跨域访问?同子域的情况如何处理?不同子域的情况如何处理? 跨域的存在是因为浏览器的同源策略,一个源表示协议,端口,域名都相同,否则就形成了跨域。...$(this) 和 this 关键字在 jQuery 中有何不同? 一个是jquery对象,一个是js的属性 5.jsonp 和 iframe 跨域访问原理是什么?...缺点:防止xss注入 Iframe跨域 如果两个窗口一级域名相同,只是二级域名不同,document.domain设置为同一个主域

    3.4K20

    记对某根域的一次渗透测试

    朋友们现在只对常读和星标的公众号才展示大图推送,建议大家把“亿人安全“设为星标”,否则可能就看不到了啦 原文首发在先知社区 https://xz.aliyun.com/t/15026 前言 两个月之前的一个渗透测试项目是基于某网站根域进行渗透测试...步骤 拿到根域,简单进行一个子域名收集,利用360quake搜索,发现大量gitlab服务,我猜测是蜜罐并且很难从这一点进行利用,所以只是简单的使了几个弱口令和CVE历史漏洞,发现没什么利用点就找下一个去了...aksk泄露,这还得了,直接连上去看看是不是真的aksk啊,不仅发现能够连接,而且此云存储服务器还有此根域下面的其他子域名的文件等信息,我猜测所有子域名下的云文件都在该文件服务器上,仅仅一个域名就有高达...THINKCMF内容关系系统,和上面的模板一摸一样,但是弱口令密码不一样 资产管理系统弱口令 发现使用的是laravel框架,但是该版本不存在漏洞 除此之外在文件上传处可进行文件上传还是,黑名单过滤,我使了很久发现可以上传...其实该项目挺简单的,基本都是弱口零,而且很多cms,thinkphp框架还有laravel框架都报出过许多漏洞,奈何本人实力不够无法进一步利用。

    62320

    前端网站如何解决跨域问题?宝塔轻松搞定!

    http://map.baidu.com 是,子域名不同(www/map) 主域名不同 http://www.baidu.com http://www.jd.com 是,主域名不同(baidu/jd)...:8080/ http://www.baidu.com 是,主域名不同 首先狭义的同源就是指,域名、协议、端口均为相同。...2、实现思路 通过nginx配置一个代理服务器(域名与domain1相同,端口不同)做跳板机,反向代理访问domain2接口,并且可以顺便修改cookie中domain信息,方便当前域cookie写入,...3、宝塔面板中,如何启动反向代理 关于宝塔的优劣我不做过多说明,安装的说明,请看点我跳转 安装宝塔环境好以后,部署自己的后端项目文件到网站版块下,并设置后端接口环境为,Php->7.2的版本环境,见下图...接下来,部署自己的前端项目文件到网站版块下,并设置前端站点环境为,纯静态版本环境,见下图: 设置前端站点的环境 设置前端站点的反向代理,见下图: 设置前端站点的反向代理 通过上面轻松的设置,我们现在从外网访问前端站点

    7.1K10

    Vue 中,如何将函数作为 props 传递给组件

    上已经收录,更多往期高赞文章的分类,也整理了很多我的文档,和教程资料。欢迎Star和完善,大家面试可以参照考点复习,希望我们一起有点东西。 Vue 新手经常问的一个常见问题。...可以将字符串、数组、数字和对象作为props传递。但是你能把一个函数当作一个props来传递吗? 虽然可以将函数作为props传递,但这种方式不好。...在React中,我们可以将一个函数从父组件传递给子组件,以便子组件能够向上与父组件通信。props 和 data 向下流动,函数调用向上流动。...只是这不是在Vue中的最佳方式。相反,事件更适合解决这个问题。我们可以使用事件来实现完全相同的事情 域插槽! 使用作用域插槽 作用域插槽是一个更高级的主题,但是它们也非常有用。事实上,我认为它们是Vue提供的最强大的功能之一。 它们弱化了子作用域和父作用域之间的界限。

    13.1K20

    企业AD架构规划设计详解

    在部署域之前,通过在实验室中测试你的设计更改的估计数量和速率,确认你的网络可以容纳你的复制流量。...描述:这种采用主域控与额外域的部署方式,所有域服务器都可以是GC,所有域服务器都有相同的权利,FSMO可以分布在任何一台域服务器上,这种架构都是总部IT专门负责管理,委派给其他地区分公司IT有部份AD的权限...4.D架构(父域与子域架构) 这种架构用在集团公司之间各自管理子域的方式管理,各分公司部署子域模式,PC加入各公司子域即可,父域和子域是可传递的,权限授权也很方便。...描述:这种架构主要是采用主域控与额外域的部署方式,所有域服务器都可以是GC,所有域服务器都有相同的权利,FSMO可以分布在任何一台域服务器上,这种架构都是总部IT专门负责管理,也可以委派给其他地区分公司...例如我在乙方工作时经常遇到甲方的AD管理者,创建删除修改AD用户都是对着申请单一个一个用户创建删除,不累吗?我们可以结合申请单命令批量创建删除修改域AD对象实现快速对应。

    7.7K36

    微前端落地系列-复盘

    前沿:哈喽大家好,我是树酱?,好久不见。本文主要为了做复盘,在去年基于qiankun微前端架构的门户建设中,遇到的一些问题,可能你会认为:“哇,这也算问题吗?太简单了吧”。...主要是分享在我认知体系内是如何解决的,如果对其中一些解决方案有更好的建议,记得在评论区留言~ ? 上图为落地过程中遇到的一些问题,接下来围绕这些问题跟大家分享我的认知体系是如何去解决的 1....5.部署中遇到的问题 前沿:部署微前端体系门户涉及到私有云部署,公有云部署,还有基于容器化部署等等。过程中遇到一些问题 5.1 主应用加载子应用静态资源跨域咋搞?...5.4 如何正确部署主应用和子应用?...主要是两种方案: 1.主应用和子应用部署到同一个服务器 这种情况适合公司服务器数量较少,核心就是把主应用部署在一级目录,其他子应用放在二级目录 2.主应用和子应用分别部署在不同服务器 这种情况又分为两种

    1.3K20

    Laravel Valet - macOS 极简主义者的开发环境

    Laravel Valet 将您的 mac 配置为在您的机器启动时始终在后台运行 Nginx,然后使用 Dnsmasq,Valet 代理 *.test 域上的所有请求指向安装在本地计算机上的站点 Valet...Laravel Valet 安装 ---- Valet 需要 macOS 和 Homebrew。在安装前应该确保没有其他程序绑定到本地计算机的 80 端口 1....valet use php@7.4 也可以在项目的根目录中创建一个 . valetphprc 文件,在这个文件中记录站点应该使用的 PHP 版本 php@7.2 使用命令写入 echo php@7.2...此外,valet 自动允许使用通配符子域访问该站点(比如: http://foo.子目录名.test) 假设目录结构如下: code ├── html ├── css 在 code 目录中执行下面命令(...定制 Valet 驱动 ---- Valet 是为 Laravel 定制的开发环境,默认是不支持 ThinkPHP 等常用框架和 CMS 但是可以自己编写 Valet 驱动程序在 Valet 本身不支持的框架或

    5K30

    靶场实战(20):OSCP备考之内网靶场红日7

    由于 192.168.52.30 既有 OA 可以获取敏感信息(192.168.52.20 的 Laravel 只是默认页面)、又在域环境中可以横向到域控(192.168.52.20 开了 22 端口基本都是...值得一提的是,这俩帐号是部署通达 OA 时,运维人员(我)亲手敲进去后被缓存在系统中的。...该漏洞是因为 Laravel 开启 Debug 模式时,Ignition 组件不安全的调用了 file_get_contents 和 file_put_contents 函数,导致攻击者可以通过构造恶意...因此我们可以修改环境变量,让 ps 命令指向我们的恶意程序(返回 shell),导致该程序在执行时,不是执行系统中的 ps 命令,而是执行我们的恶意程序,从而以该程序属主 root 用户的权限返回一个...6、PC2(192.168.93.40) 获取权限 由于拿到了域管理员的帐号密码,所以可以拿到域内所有机器的最高权限,包括这台 PC2。

    2.5K10

    不就是个短信验证嘛,还真挺复杂的

    支撑子域是为了项目成功必须要处理的问题,但由于没有现成、成熟的解决方案,必须要定制,费时费力。...如果能恰当地识别支撑子域的边界,形成"可复用"的"解决方案",就可以将其从支撑子域简化为通用子域,降低成本和风险 。 ---- 不就是个短信验证嘛,有这么复杂吗?...,文章从“新增手机号和短信验证码登录”简单的一句话需求最终演变为 故事卡-274 作为用户,我可以通过手机号和短信验证码登录,以便于我更方便的登录。...通用子域:通用子域的解决方案可以采购现成的,也可以采用外包的方式,亦或是由内部团队实现,但我们不用为其分配与核心域同样优质的研发资源,甚至都不如支撑子域。请注意不要把通用子域误认为是核心域。...---- 总结 支撑子域是为了项目成功必须要处理的问题,但由于没有现成、成熟的解决方案,它必须定制,费时费力 如果能恰当地识别支撑子域的边界,形成"可复用"的"解决方案",就可以将其从支撑子域简化为通用子域

    1.8K11

    浅入深出的微前端MicroApp

    01 前言 在今年的敏捷团队建设中,我通过Suite执行器实现了一键自动化单元测试。Juint除了Suite执行器还有哪些执行器呢?由此我的Runner探索之旅开始了!...微前端是借鉴了微服务的架构理念,它既可以将多个项目融合为一,又可以减少项目之间的耦合,提升项目扩展性,相比一整块的前端仓库,微前端架构下的前端仓库倾向于更小更灵活,有一个基座应用(主应用),来管理各个子应用的加载和卸载...(2)在一些大厂,经常会有跨部门和跨团队协作开发项目,这样会导致团队效率降低和沟通成本加大,这时我们可以使用微前端,每个团队或者每个部门单独维护自己的项目,我们只需要一个主项目来把分散的子项目汇集到一起即可...c.主应用成功引入子应用(子应用是VUE项目) 到目前为止如果项目不存在跨域问题,子应用就已成功接入了主应用,项目左侧是主应用,中间模块是子应用,里面包含子应用的整个模块菜单和列表,考虑到菜单统一放到主应用...3、设置跨域 (1)如果仅仅本地跨域的话可以给子应用设置,在webpack-dev-server的headers中设置跨域支持: devServer: { headers: { 'Access-Control-Allow-Origin

    6.4K11

    3分钟短文:Laravel模型作用域,为你“节省”更多代码

    但是久而久之,随着项目的需求不断扩大,最常用的查询操作,同样会有大量的冗余代码。 [img] 本文就来讲讲,连模型的自我瘦身,缩减模型的代码。...全局作用域 假设有些数据库查询操作,无论是在控制器内,或者在模板文件内,或者命令行方法内,都有重复的使用需求,要是在模型内有一个公用的方法,默认就加上这些筛选条件,就可以显著减少代码量了。...events WHERE `published` = 1; 如果条件 published = 1 在默认的情况下需要开启,我们可以使用laravel模型的 全局作用域 方式为所有查询追加上这个条件。...既然本地作用域返回的是 QueryBuilder 实例,那么自然就可以链式调用本地作用域的方法,和 QueryBuilder 的方法。...讲述了两个方法: 全局作用域:全局起作用,需要手动移除; 本地作用域:只有手动调用起作用,可链式使用; 这样的设计模式可以很大程度上节约查询代码,但是对于维护,需要同等熟悉的开发者彼此遵循开发规范,写出可维护的代码

    2.1K22

    减少服务提供者的启动加速你服务的性能 2.0

    比如Laravel现在已经内置了跨域中间件, 如果只是为APP提供接口,完全就没有跨域的问题, 可以直接注释这个中间件 比如内置的API限制速率的接口, 可能对很多项目场景就不合适 减少服务提供者 比如接口就不需要视图服务...,Session服务,密码重置服务等等 当然要讲的重点还是和API和Admin混合的项目, 使用了一个全栈的框架,相信也有很多项目使用了Laravel-admin或者是Dcat Admin 之前我也写过一篇文章讲过如何减少你的服务提供者..., 因为自从Laravel5.5之后,需要第三方包都可以自己注册,然后Laravel自动发现这些服务提供者 可以运行这条命令找出你已经注册的服务提供者: php artisan package:discover...这里可以很明显看到了dcat/laravel-admin, 我们只需要去项目根目录下的composer.json写入以下配置 "extra": { "laravel": { "...:discover就会发现dcat/laravel-admin消失了 不过这也代表我们无法使用Admin了, 所以我们也需要增加一个条件来手动注册服务提供者 我们可以在AppServiceProvider.php

    1.2K10
    领券