# 黑客松前端

**Repository Path**: curly-baboon/hackathon-front-end

## Basic Information

- **Project Name**: 黑客松前端
- **Description**: 黑客松前端h5
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-08-16
- **Last Updated**: 2024-08-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<p align="center">
	<img width="80px" alt="logo" src="https://eretcdn.mcdonalds.cn/library/c38af4d29b06500de09d0a64849ba7a4.png">
</p>
<h1 align="center" style="margin: 30px 0 30px; font-weight: bold;">hackathon-front-end-h5</h1>
<h4 align="center">
黑客松前端h5
</h4>

## 使用

```sh
# 一、本地调试
# 1.安装依赖
npm install

# 2.运行
npm run dev

# 二、打包上线
# 打包
npm run build

# 三、本地预览打包效果
# 预览
npm run preview
```

## 说明文档

### 1、路由配置

在 `src\pages.js`中配置，使用方式与vue-router无异，具体可以参考，`pages`数组中的元素。

```js
const pages = [
  ...,
  {
    path: '/:pathMatch(.*)*',
    name: 'NotFound',
    component: () => import('@/views/error/404.vue'),
    meta: {
      title: '页面没有找到🐳'
    }
  }
];
```

### 2、settings.js

> 位置：`src\settings.js`

参数说明如下

```js
export default {
  /**
   * 网页标题
   */
  title: import.meta.env.VITE_APP_TITLE,
  /**
   * 免登录白名单
   * @description 可以根据自己的需求，配置白名单
   */
  whiteList: [
    '/login',
    '/404',
    '/home',
    '/mine',
  ],
  /**
   * Token key
   * @description 浏览器缓存中token的key
   */
  tokenKey: 'vue3-vant-token',
  /**
   * 请求头token是否拼接 'Bearer '
   * @type {boolean}
   */
  isTokenBearer: false,
  /**
   * 是否开启页面标题拼接
   * @type {boolean}
   * @description 如果开启，则页面标题会自动拼接为：xxx | xxx
   */
  isPageTitleJoining: false,
  /**
   * 是否开启WebHashHistory模式
   * @type {boolean}
   * @description 因为github pages使用history模式的话，刷新页面会有404的错误，所以使用hash模式
   */
  isHashHistory: true
}
```