jy-docs

剑鱼招标-剑鱼文库

目录结构

.
├── jydocs-back          后台 
├── jydocs-mobile        移动端-Vue项目
└── jydocs-pc            PC端-Vue项目

后台

1.web用xweb框架

3.11 部署目录 
移动端 /opt/nginx/nginx/html/page_docs_mobile/
PC端 /opt/nginx/nginx/html/page_docs_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
├── main.js
├── router.js
├── set-public-path.js
└── views
    ├── 404.vue
    ├── Content.vue         # 内容页
    ├── Home.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/frontPage/docs/sess/index`
   
   ##### 部署
   
   ###### 剑鱼文库 前端配置
   
   

   nginx

如果nginx配置文件中有这段代码，则 不需要 再次配置

静态资源配置

1. 禁止html缓存

location ~ ^\/page_(.*).html {

add_header         Pragma   no-cache;
add_header         Expires  0;
add_header         Cache-Control no-cache,no-store,must-revalidate;

root html;
# root /opt/nginx/nginx/html;

}

2.静态资源配置(vue程序刷新404问题)

location ~ ^\/page_(.*?)\/ {

root html;
index index.html;
try_files $uri $uri/ /page_$1/index.html;

} ```