# vue2.6

**Repository Path**: faiz-rlw/vue2.6

## Basic Information

- **Project Name**: vue2.6
- **Description**: 基于ant-design-vue的Vue2官方脚手架的开发模板
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: https://gitee.com/faiz-rlw
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-10-07
- **Last Updated**: 2023-07-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: vue2, ant-design-vue, wangeditor, Vuex, postcss

## README

# vue2.6-cli5

# vue2.6

## 项目地址

```shell
git clone https://gitee.com/faiz-rlw/vue2.6
```

## 项目起步

### 1. 安装依赖

```shell
yarn install
```

### 2. 项目启动

```shell
yarn dev
```

### 3. 项目打包

```shell
yarn build
```

## Http 请求格式

将 axios 进行二次分装，导出 fetchEndpoint 函数

将请求所有放置在~/modules/ 文件夹下

以 export default 对象的形式抛出接口请求

### 1. 接口请求汇集

```javascript
import { fetchEndpoint } from "@/utils/request";
/**
 * @description 默认请求参数
 * @param {string} url 请求地址 - 默认("")
 * @param {string} contentType 请求头类型 JSON: json格式 FORM: form格式 FORMDATA:formData格式 - 默认(JSON)
 * @param {string} method 请求方式 - 默认(post) post put get delete
 * @param {object} data 请求数据 - 默认({})
 * @param {object} params 请求数据 - 默认({})
 * @param {function} isBackProgress 是否开启返回进度条 - 默认(false)
 * @param {function} onProgress 进度条回调函数 (val)=>{ console.log(val) } val: 进度百分比
 * @param {number} progressPrecision 进度条小数点精度
 * @param {boolean} isHasToken 是否请求带token - 默认(true)
 * @param {boolean} isAutoToastFail 是否自动提示报错 - 默认(false)
 * @param {boolean} isOpenPath 是否直接打开链接 - 默认(false)
 * @param {string} fileName 文件名称 - 默认(文件.txt)
 */
export default {
  test: (data) =>
    fetchEndpoint({
      url: "/test",
      data,
      method: "GET",
      contentType: "form",
    }),
};
```

### 2. 页面调用接口方法

```html
<script>
  export default {
    methods: {
      requstApi() {
        this.$ajax
          .test({ test: 1 })
          .then((res) => {
            // 请求成功
            console.log(res);
          })
          .catch((error) => {
            // 错误捕捉
            console.log(error);
          });
      },
    },
  };
</script>
```

## 提交 git 仓库格式

| **type**     | **描述**                     |
| ------------ | ---------------------------- |
| **feat**     | **新功能的开发**             |
| **fix**      | **bug 的修复**               |
| **docs**     | **文档格式的改动**           |
| **style**    | **代码格式改变**             |
| **refactor** | **对已有的功能进行重构**     |
| **perf**     | **性能优化**                 |
| **test**     | **增加测试**                 |
| **build**    | **改变了 build 工具**        |
| **rever**    | **撤销上一次的 commit 提交** |
| **chore**    | **构建过程或辅助工具的变动** |