# file-search

**Repository Path**: bluedd2011/file-search

## Basic Information

- **Project Name**: file-search
- **Description**: 简单的文件查询功能案例
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-09-24
- **Last Updated**: 2022-09-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: vue3

## README

# 介绍

这是一个Vue3 + Vue-router + element-plus开发的一个简单的文件查询功能，仅有一个搜索页，在搜索页查询文件，如果搜索到，则打开文件，否则提示“无搜索结果”。


# 开发环境运行

1、安装依赖
```npm install```

2、启动
```npm run dev```

# 生产环境部署

1、安装依赖
```npm install```

2、编译生产版本
```npm run build```

3、将你的域名的根目录代理到此项目根目录的编译出dist文件夹，访问你的域名即可。可直接使用存放在仓库中的dist文件夹。

# 如何配置文件列表？

首先将的文件放到/dist/files文件夹中，比如放入了aaa.txt、bbb.txt两个文件。
然后打开/dist/fileConfig.js文件的内容，修改为：
```
window.fileConfig = [
    {
        filename: 'aaa.txt', // 文件名，含后缀
        searchParam1: 'aaa' // 搜索关键字
    },
    {
        filename: 'bbb.txt',
        searchParam1: 'bbb'
    }
]
```
这样，搜索“aaa”或“bbb”就能匹配到对应的文件，搜索到后会直接进行下载。

如果希望搜索“aaa”和“xxx”都能匹配到“aaa.txt”文件，那么可以配置为：
```
{
    filename: 'aaa.txt',
    searchParam1: 'aaa', // 第一个搜索关键字
    searchParam2: 'xxx' // 第二个搜索关键字
}
```

同一个文件，搜索关键字最多配置两个。