# lenav **Repository Path**: qinly_work/lenav ## Basic Information - **Project Name**: lenav - **Description**: 一个简便的公司内部网址导航站,省去到处找服务地址烦恼...... - **Primary Language**: Unknown - **License**: MIT - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 1 - **Created**: 2021-11-04 - **Last Updated**: 2021-11-04 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # lenav ![GitHub](https://img.shields.io/github/license/lework/lenav) > `lenav`是一个简便的公司内部网址导航站,省去到处找服务地址烦恼...... ## 技术栈 vue2 + vuex + vue-router + vue-lazyload + iview + clipboard + js-cookie + webpack + less + sass + axios ## 添加网址 在`public/data/nav.json`文件中存放着收录的网址信息文件 添加网址条目的格式如下: ``` json { "company": { "title": "公司环境地址", "name": "company", "icon": "ios-contacts-outline", "nav": [ { "icon": "./static/images/jenkins.png", "name": "jenkins", "desc": "测试环境Jenkins", "link": "http://127.0.0.1:8080/", "doc": "/data/docs/jenkins.md" } ] } } ``` 分组菜单 ```json "test": { "title": "测试环境", "name": "test", "children": ["test1", "test2","test3"] } ``` ## 项目运行 ``` npm install ``` ### 环境配置 dev 环境配置 `.env.dev` 文件 ``` NODE_ENV=dev BASE_URL="" ``` prod 环境配置 `.env.prod` 文件 ``` NODE_ENV=production BASE_URL="https://cdn.jsdelivr.net/gh/lework/lenav@master/docs/" ``` - `BASE_URL`: 接口请求的根路径。 ### Compiles and hot-reloads for development ``` npm run serve ``` ### Compiles and minifies for production ``` npm run build ``` ### Compiles and minifies for dev ``` npm run build-dev ``` > 把`docs`目录下的内容放在web服务器就可以啦 ## 效果演示 [查看demo请戳这里](https://lework.github.io/lenav) #NGINX转发代理端口报错处理 Nginx代理Vue项目出现Invalid Host header 今日使用nginx的upstream将域名的443端口代理到Vue项目后发现页面出现了 Invalid Host header 无效主机头。 在Vue项目中的build目录下的webpack.dev.conf.js文件,devServer下添加disableHostCheck: true,跳过检查 版权声明:本文为CSDN博主「星海拾遗」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。 原文链接:https://blog.csdn.net/qq_38280242/article/details/104657644