single-spa
文章平均质量分 76
上刀山
秋天是适合拍照的季节
展开
-
vue+single-spa+ElementUi项目demo
效果图: 接着上次的前端微服务继续深入改造 前面的demo: 微前端demo 项目中安装ElemenUi框架 npm i element-ui -S 在app1中引入ElementUi 官网做法:引入ElementUi main.js改造: import Vue from 'vue' import App from '@/layout' import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/i原创 2021-11-17 16:36:08 · 677 阅读 · 0 评论 -
vue+single-spa项目刷新非主页面url报404问题
1、先了解vue路由几种模式 主要2种: 1、hash模式 2、history模式 看官方介绍:vue-Router 2、 接着上一篇文章看 vue + signle-spa 实现微前端demo:微前端demo 我们主项目app1使用了history路由模式 子项目app2使用了默认的hash模式的路由。 我们来看2中场景的404 1、是本地npm run serve开发阶段刷新非主页面路由404问题 2、上线后用nginx部署项目时刷新非主页面路由404问题 解决:本地npm run s原创 2021-11-15 17:08:37 · 1350 阅读 · 0 评论 -
基于vue+single-spa实现微前端的小demo
vue cli npm install -g @vue/cli 安装vue脚手架 创建主应用app1和子项目app2 vue create app1 vue create app2 改造主项目app1 npm i single-spa-vue -S main.js改造 import Vue from 'vue' import App from './App.vue' import router from './router' import { registerAppli.原创 2021-11-12 17:02:51 · 1252 阅读 · 0 评论