qiankun前端微服务框架-同一服务器同一端口

基于vue3编码
部署在同一服务器同一端口需要注意的点
官方文档:qiankun

主应用

entry
对应package.json里的name
main.js里的路由设置(history)
activeRule
index.html的id
main.js里的匹配值,代指匹配id
在这里插入图片描述

子应用

第一步:配置History在这里插入图片描述

第二步:配置publicPath

在这里插入图片描述

第三步:统一library名称,需要与主应用中配置的name保持一致

在这里插入图片描述

Nginx

nginx配置

在这里插入图片描述
在这里插入图片描述

目录结构

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/r657225738/article/details/119570973