# 个人博客项目-前端

**Repository Path**: jy-project-team/blog-client

## Basic Information

- **Project Name**: 个人博客项目-前端
- **Description**: 个人搭建有关博客的前端项目,该项目使用Vue脚手架搭建,使用了Element UI组件和Java Script语言,采用Ajax请求技术和qs框架转换数据格式来实现前后端数据传递与交互!
- **Primary Language**: Java
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2022-11-19
- **Last Updated**: 2024-04-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, qs, CSS, JavaScript, Element-UI

## README

# blog-client

## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).

#### port number

```
8800
```
### 引入Axios框架
````
npm i axios -S
````
然后在main.js中添加配置

```
import axios from 'axios';
Vue.prototype.axios = axios;
```

### 引入Element -UI框架

```
npm i element-ui -S
```

然后，需要在`main.js`中添加配置：

```javascript
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
```

#### 安装QS框架

```
npm i qs -S
```

然后，在`main.js`中添加配置：

```javascript
import qs from 'qs';

Vue.prototype.qs = qs;
```

在项目中，当需要将对象转换为FormData格式时，例如：

```javascript
let formData = this.qs.stringify(this.ruleForm);
```