# vue-cli3多页面history_demo

**Repository Path**: nelson007/vuecli3_multipage_history_demo

## Basic Information

- **Project Name**: vue-cli3多页面history_demo
- **Description**: 在实际的开发过程中，当单页应用不能满足场景时，可考虑多页面应用。因此做了个demo
首先，这种方案不是完全适合任何场景的，在使用时，还需要注意鉴别是否适用于当前业务场景。下面分析一下这种方式的优缺点：

优点：
1、可与其他系统灵活组装
2、各个模块相互不受影响，所以不受框架和开发模式的制约
3、不同模块可以分开部署
4、后期维护风险小，可以持续的、稳定的进行维护（万一哪天vue/react/angular被淘汰了，不会受太大影响，每个模块分别迭代就好）

缺点：
1、各个模块有相互独立的资源包，那么如果有相同的资源引用，不能复用
2、模块的组装要依赖iframe，所以要对浏览器安全设置、cookie共享等问题进行单独处理
3、用iframe来包裹组件，组件所能控制到的范围就是其所在的iframe，当涉及到全屏的应用场景时，会比较麻烦
4、不同组件之间的通信比较麻烦
- **Primary Language**: JavaScript
- **License**: Artistic-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2020-06-29
- **Last Updated**: 2021-11-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 多页面demo-使用history模式，每个模块相互独立

## 项目安装
```
npm install
```

# dev启动前需要先确保8080，8081，8082，8083，8084端口没有被占用

### 单个项目测试启动
```
npm run dev:项目名 //项目名分别为projectA，projectB，projectC，projectD，common
```

### 整个项目测试启动
```
npm run dev：all
```

### 单个项目打包
```
npm run build:项目名
```

### 整个项目打包
```
npm run build:all
```