Skip to content

管理端编译上传 ​

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

注意:在编译安装之前必须安装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下 ​

​

​

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

​

​

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

​

​

​

​

​

​