# :-: 管理端编译上传 > **注意：在编译安装之前必须安装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下   ## 浏览器访问域名，刷新后，手动编译成功  ### **注意：以上是上传的编译包，如果需要执行云编译，那就必须上传开发的源码，否则执行云编译的时候会用源码生成新的编译包覆盖，导致编译包被还原**