# 短链接生成_前端

**Repository Path**: KratosMax/sortUrl_FrontEnd

## Basic Information

- **Project Name**: 短链接生成_前端
- **Description**: 短链接生成网站的前端部分代码，基于Vue的Vue-Cli3 和 Axios 和 Element
- **Primary Language**: NodeJS
- **License**: GPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2020-03-27
- **Last Updated**: 2021-07-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 短域名生成

## 简介
这个项目为整体项目的1/2，这个项目主要负责向后端发送约束好格式的数据，之后会说明，主要是用axios来POST数据，和用Element来做UI


## POST数据的格式
```
发送：
{
    option: "这里是选项",
    url: "这里是链接"
}
接收：
data : {
    "status": 状态,
    "msg": "信息",
    "sorturl":"返回的结果"
}
```
#### option: String
 有三种选项：
 1. 生成短链接
 发送长度小于500个字节的原链接，将获取到的data里的信息输出
 2. 查询短链接的原链接
 发送长度小于50个字节的短链接，若可以正常访问则可以查询到原链接（就是很多余啦），同样将获取到的data的信息输出
 3. 生成临时性短链接
 我懒得做这个功能
#### url: String
 输入栏的url
#### data.status : Boolean
获取的状态，默认为False，即失败，正常的获取失败则展示结果栏并输出错误原因。
True为成功，结果展示到结果栏中，查询按钮回复查询图标
#### data.msg
为正常错误时的输出信息
#### data.sorturl
为正常获取成功时的返回结果，例如option的1获取到的就是短链接，2获取到的就是原链接

## 开发环境
1. node.js
2. vue
3. vue-cli 3
4. element
5. vue-router
6. axios

## 使用
已经编译好在发行版中，可以直接下载使用，解压后在web 服务中启动，例如Nginx直接打开html，或者IIS，或者Vscode的Go Live Server


### 我也不知道这样行不行：

Project setup
```
npm install
```
Compiles and hot-reloads for development
```
npm run serve
```
Compiles and minifies for production
```
npm run build
```
Lints and fixes files
```
npm run lint
```
Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).