jy-docs/jydocs-pc

剑鱼文库PC端

采用Single-SPA微前端架构，避免后期多次同步修改剑鱼公用头部导航及底部、登录等

目录结构

.
├── App.vue
├── api
│   ├── index.js
│   ├── mock                # 本机开发模拟接口JSON
│   │   └── test$ajax.json
│   ├── mock.js
│   └── modules
│       └── user.js
├── assets
│   └── style
│       ├── _mixin.scss
│       └── _variables.scss
├── components
│   ├── CardItem.vue        # 卡片型文件缩略展示
│   ├── HelloWorld.vue
│   ├── List.vue            # 列表展示
│   ├── ListItem.vue        # 列表型文件缩略展示
│   └── Search.vue          # 顶部搜索框
├── main.js
├── router.js
├── set-public-path.js
└── views
    ├── 404.vue
    ├── Content.vue         # 内容页
    ├── Home.vue            # 首页
    ├── Keep.vue            # 收藏
    ├── Mine.vue            # 我的
    └── Search.vue          # 搜索结果列表页

无顶部底部开发

1. 
   ##### 接入顶部开发调试
   
   0. ```yarn run serve```
   
   1. 本机启动剑鱼Web主程序
   
   2. 修改`systemjs-importmap`中app对应的请求地址
   
   > 文件地址 /src/web/templates/frontRouter/pc/docs/sess/index.html
   
   3. 访问`/swordfish/docs/index`
   
   ##### 部署
   
   ###### nginx
   

剑鱼文库 前端配置

location ^~/page_docs {

if ($uri ~ \.html$) {

add_header Pragma no-cache;

    add_header         Expires  0;
    add_header         Cache-Control no-cache,no-store,must-revalidate;
}
root /opt/nginx/nginx/html/;
index index.html;
try_files $uri $uri/ /page_docs/index.html;

} ```