1 Star 0 Fork 17

大叔 / vue前端门户网站

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
README.md 2.37 KB
一键复制 编辑 原始数据 按行查看 历史
Emily-dev 提交于 2021-04-22 11:06 . 修复部署地址

安软门户基础模板

简介

基于Vue CLI 4构建的门户网站,开箱即用

  • 多语言
  • ElementUi 按需加载
  • CDN 引入第三方依赖
  • 路由懒加载
  • 顶部导航固定
  • 二级路由
  • eslint 代码规范

注意点

  1. public 文件夹的静态资源都会被简单的复制,而不经过 webpack。详情
  2. ElementUI 是按需引入,可以更具自己的业务需求添加删除
  3. 如果不想使用引入CDN引入删除externals节点和chainWebpackCDN配置,最后删除public下面的index.html中CDN注入代码即可

项目结构

    ├── public                     -- 不进过webpack打开目录
    ├── src                        -- 开发目录
    ├      ├── utils               -- 工具类
    ├      ├── assets              -- 资源文件夹
    ├      ├      └── css          -- css 存放
    ├      ├      └── js           -- js 存放
    ├      ├      └── img          -- 静态图片存放
    ├      ├── components          -- 封装组件 
    ├      ├── lang                -- 多语言包
    ├      ├── views               -- 路由页面
    ├── theme                      -- element ui 主题        

开发

# 安装依赖
yarn install

# 启动服务
yarn run dev

打包


#打包生产包
yarn run build

代理设置

server {
	listen   80;
    charset utf-8;        
    server_name localhost;
     location / {
        root \dist; #网站的根目录
        index index.html; #默认文件
        proxy_set_header Host $host;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }
}

技术选型

技术 名称 官网
vue 渐进式 JavaScript 框架 https://cn.vuejs.org/
vue-router 路由 https://router.vuejs.org/
vuex 状态管理 https://vuex.vuejs.org/
element-ui 基于 Vue 2.0 的桌面端组件库 http://element-cn.eleme.io
Headroom 隐藏或展示页面元素 http://www.bootcss.com/p/headroom.js/

预览地址

https://gzq19981110.gitee.io/vue-front-end-portal

马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
JavaScript
1
https://gitee.com/unclezhou/vue-front-end-portal.git
git@gitee.com:unclezhou/vue-front-end-portal.git
unclezhou
vue-front-end-portal
vue前端门户网站
master

搜索帮助

344bd9b3 5694891 D2dac590 5694891