### ⚠️⚠️⚠️ 本地编译,电脑需安装 **node.js v16.x.x**。
### 1、解压源码,打开终端进入H5端源码路径
```
cd h5
```
![](https://img.kancloud.cn/52/51/52512eb9fed235bf321a37ddf1271b77_583x200.png)
修改配置文件 **/src/js/config.js** 的接口请求地址:http://api.education.com
![](https://img.kancloud.cn/17/ed/17edb85f3b0b2e4ac0d4679b60814ee1_419x240.png)
### 2、安装依赖
```
npm install
```
![](https://img.kancloud.cn/6c/a0/6ca0672040123ed21258e287f5962704_579x272.png)
### 3、本地运行项目
```
npm run serve
```
![](https://img.kancloud.cn/fd/11/fd11b3b9260a4ae833ba6e0934f265ff_580x286.png)
这是可以在浏览器输入:http://localhost:8080,打开管理后台。
可能出现这种情况,这是node.js版本太高的原因。可以执行命令:
```
MAC系统:
export NODE_OPTIONS=--openssl-legacy-provider
Windows系统:
```
![](https://img.kancloud.cn/6a/12/6a1225fcab3dc29dc97e9628b99e37fb_580x449.png)
### 4、编译打包程序
```
npm run build
```
![](https://img.kancloud.cn/a9/5a/a95aaab28dfc8f714e887d4a4162b47b_580x377.png)
打包完成后在admin目录会生成dist文件夹,这个就是已编译好的程序文件,可以直接压缩后上传到服务器,部署到服务器作为静态网站即可
![](https://img.kancloud.cn/89/b4/89b452e33898a97d61279a5729a18b32_679x212.png)
### 5、新建站点部署
![](https://img.kancloud.cn/dc/e7/dce72073ff3100d646afbe26c9d03aed_821x721.png)
新建站点后进入站点目录,将编译打包好的dist文件夹压缩后上传,然后解压
![](https://img.kancloud.cn/22/56/2256a4dd6350128ba284ca472496f16e_1829x407.png)
然后设置站点目录为dist目录,然后保存。
![](https://img.kancloud.cn/6a/61/6a61ecd3e3b0cecf3364ce276e24b526_2015x368.png)
这时H5端已经部署好了,浏览器输入:http://h5.education.com