基于区块链与IPFS的视频版权存证系统之前端部分设计

本节对视频版权存证系统的前端做一个简单的介绍，包括目录结构、JS引入、页面跳转实现与视频版权登记功能的实现方法。

购买专栏前请认真阅读：[《基于区块链与IPFS的视频版权存证系统》专栏简介](https://realhahah.blog.csdn.net/article/details/131543867

一、 前端的目录结构如下

├── css                   // 样式文件
│   └── style.css
├── index.html            //主页
└── statics               // 静态文件（首页图片）
    ├── blockchain.jpeg 
    ├── favicon.ico       //网站标签页图标
    ├── keys.jpeg
    ├── search.jpeg
    ├── copyright.png
    └── send.jpeg

二、JS引入

使用到的vue、element ui、axios通过cdn js引入，在head标签中

<script src="https://unpkg.com/[email protected]/dist/vue.js"