# HtmlToUrlForeground

#### 介绍
本项目是一个练手的小项目，是一个上传html文件或者上传json文件，返回访问连接和二维码的小demo，采用前后端分离的架构，前端vite+vue3，可以做html展示和返回json数据的假接口(支持get和post).

#### 软件架构
该模块是此项目的前端部分，采用vue3框架，使用vite构建，主要功能就是上传文件，返回url和qrcode提供访问.

<img src="https://pic-go2897.oss-cn-chengdu.aliyuncs.com/ftebox/微信图片_20221207234837.jpg" alt="微信图片_20221207234837" style="zoom: 25%;" /><img src="https://pic-go2897.oss-cn-chengdu.aliyuncs.com/ftebox/微信图片_20221207234918.jpg" alt="微信图片_20221207234918" style="zoom: 25%;" />

#### 使用说明

1. 打包使用npm run build
2. 开发使用npm run dev 
3. 需要有node.js环境

#### 访问连接

[传送门](https://htu.mokibox.cn)