microapp 通过链接区分主子应用步骤

1. micro

js 复制代码
{ name: "statistic", url: `http://192.168.110.100:81/project/statistic/` }

2. vue.config.js

主应用

子应用

3. nginx配置

主应用

js 复制代码
  location / {
        root  /home/env/html/saas/base;
	add_header access-control-allow-origin *;
        try_files $uri $uri/ /index.html;
        index  index.html index.htm;
    }

子应用

js 复制代码
 location /project/system {
        alias /home/env/html/saas/portal/; 
	add_header access-control-allow-origin *;
        index index.html index.htm;
        try_files $uri $uri/ /system/index.html;
    }
相关推荐
程序员鱼皮40 分钟前
DeepSeek Harness 最新邪修曝光!被吹成核弹的极简模式,真的夯吗?
前端·后端·ai编程
袅沫1 小时前
Nginx中部署多个前端项目——区分路径
服务器·前端
Asize1 小时前
为什么写代码前要先规划组件树?Next.js + Redis 笔记系统实战
前端·javascript·next.js
用户921080262861 小时前
6. 数据大屏 WebSocket 稳定性优化:心跳检测、断点续传和消息去重
前端
柚yuzumi1 小时前
CSS 定位布局:让元素各就各位
前端·css
光影少年1 小时前
react navite图片加载优化、大图卡顿、缓存策略
前端·react native·react.js
小林ixn1 小时前
用 Next.js 和 Redis 撸一个 Markdown 笔记系统:RSC 实战与组件化拆解
前端·redis·next.js
渣波1 小时前
重构旅行体验:基于 React 的 AI 旅游助手对话系统实战解析
前端·javascript
今日无bug1 小时前
列表转树:一道题搞懂 HashMap 在算法里的价值
前端·数据结构
用户921080262861 小时前
5. 数据大屏实时通信第一步:为什么选择 WebSocket,以及如何接入 Socket.IO
前端