本文将介绍以下内容:

• 项目中的 public 目录和访问静态资源文件的方法
• 使用 json 文件代替http模拟请求
• 使用 Axios 直接访问 json 文件
• 改造登录页，配合 Axios 进行登录请求，并添加错误提示

有一段时间没有推荐 admin 管理系统了，今天推荐一个完整度很高，教程详细，很容易上手的 admin 框架。

关于 Pure Admin

Xterm.js简介

xterm.js （https://xtermjs.org/）是一个开源的 JavaScript 库，它模拟了一个终端接口，可以在网页中嵌入一个完全功能的终端。这个库非常灵活，并且具有很多定制选项和插件系统。

1.安装echarts包

npm i echarts

Ant Design Pro

• URL：https://github.com/ant-design/ant-design-pro

主要讲解了怎么使用 Jenkins 和 Github Actions 部署前端项目。

1. 第一部分是使用 Gitea 配置局域网 git 服务器，再使用 Jenkins 将 Gitea 下的项目部署到局域网服务器。
2. 第二部分是使用 Github Actions 将 Github 项目部署到 Github Page 和阿里云。

阅读本教程并不需要你提前了解 Jenkins 和 Github Actions 的知识，只要按照本教程的指引，就能够实现自动化部署项目。

vue-pure-admin 是一款开源免费且开箱即用的中后台管理系统模版。使用了最新的 Vue3、Vite、Element-Plus、TypeScript、Pinia、Tailwindcss 等主流技术开发。作者提供了2个版本，一个完整版本，功能最多最全。同时还提供了一个精简版本，只有基本的页面框架，基础配置已经配置好，直接运行后接着开发自己的业务逻辑即可。精简版本还提供了国际化和非国际化2个版本供选择，作者真的是太用心了。必须给个大大的赞。

什么是Node.js？

Node.js是一个跨平台JavaScript运行环境，使开发者可以搭建服务器端的JavaScript应用程序。

作用：编写服务器端程序

（1）编写数据接口：提供网页资源浏览功能等