管理端编译上传

源码每次修改后，都必须要重新编译上传才行，下面来看管理端前端页面如何编译上传

注意：在编译安装之前必须安装node.js，版本号为18

安装链接：https://nodejs.org/en/download/prebuilt-installer

一、修改.env.development文件

这里需要说明：在uniapp源码根目录有两个配置文件，.env.development 文件和.env.production文件， .env.development 配置文件是用于本地开发过程中进行实时观看效果，也就是小程序或者h5运行的时候填写；

** .env.production 配置文件是需要发行到线上的时候填写**

1.源码下载后，首先找到项目源码根目录下的admin文件夹，打开.env.development文件，填写配置，api请求地址和图片服务器地址。

2.用编辑器打开，将api请求地址修改为

注意：如果站点没有配置伪静态，则为：'https://站点名/index.php/adminapi/'

如果站点配置了伪静态，则为：'https://站点名/adminapi/'

3.将图片服务器地址修改为：'https://站点名'

注意：api请求地址末尾有“ / ”

图片服务器地址末尾没有” / “

二、安装依赖和运行环境

1.打开源码目录，路径切换到根目录/admin,在路径中输入cmd，回车

2.弹出命令窗口

3.在命令行执行npm install 安装依赖

npm install

4.依赖安装完成后再执行npm run dev 运行环境，安装完成后会直接跳转到下面这个界面，可以直接访问进入后台

npm run dev

5.如果之前有安装过依赖以及运行过环境，那么可以略过之前两条命令直接执行命令 npm run build 进行打包编译。如下图：

npm run build

6.命令行结束后会生成dist文件夹

三、上传压缩包

1.打开运行环境，将niucloud/public/admin 下的所有文件全部清除

2.再将编译出的文件夹上传至该目录下，将dist文件夹内的所有文件放至public/admin下

浏览器访问域名，刷新后，手动编译成功

注意：以上是上传的编译包，如果需要执行云编译，那就必须上传开发的源码，否则执行云编译的时候会用源码生成新的编译包覆盖，导致编译包被还原