Skip to main content
Version: 中文

前端

前端开发模式 IceCMS管理后台使用前后端分离技术开发,在二次开发的时候,需要启动前端开发模式,然后对前端的代码进行修改,即可实时修改预览。

提示 在开发者模式下预览页面速度会比较慢,打包以后非常流畅。

步骤1: 设置服务端域名接口。 使用ide编辑器打开IceCMS项目,打开.env.development文件,修改VUE_APP_BASE_API变量的值为项目安装部署的服务端地址,记得保存。

步骤2: node环境安装。 打开https://nodejs.org/en/download/releases/open in new window,下载对应的版本安装包,下载msi后缀文件,方便安装。node版本大于v14.18.0,推荐16.19.1,避免编译出现未知错误。

步骤3: 打开系统自带的终端,Windows Powershell,以管理员身份运行。

步骤4: 在终端运行命令,设置淘宝镜像。

npm config set registry https://registry.npm.taobao.org

步骤4: 使用cd命令进入likeadmin/admin后台前端源码目录,请根据项目实际目录输入cd命令,请勿直接复制命令运行。

步骤5: 在终端运行命令安装依赖。 npm install

步骤6: 在终端运行命令运行项目。 npm run dev

步骤7: 打开浏览器,在地址栏输入http://localhost:9528/admin in new window访问管理后台,即可修改并实时预览前端后台源码。开发模式在首次加载会比较慢。

后台访问不了请配置好伪静态

location / {
try_files $uri $uri/ /index.html;
}