后台管理开发

后台页面热部署开发

1.修改 config.local.js 文件,假设我们要开发 管理员模块 (adminUser)

文件路径 root -> config -> config.local.js

将 dev_modules 中的 adminUser 注释打开:

dev_modules: [
            // 'navbar',
            // 'dashboard',
            // 'adminGroup',
            'adminUser',
            // 'adminResource',
            // 'systemConfig',
            // 'backUpData',
            // 'systemOptionLog',
            // 'announce',
            // 'systemNotify',
            // 'ads',
            // 'contentTemp',
            // 'templateConfig',
            // 'versionManage',
            // 'content',
            // 'contentTags',
            // 'contentCategory',
            // 'contentMessage',
            // 'regUser',
            // 'helpCenter',
            // 'renderCms',
            // 'cmsTemplate',
            // 'plugin',
            // 'uploadFile'
        ],

2、进入 adminUser 目录下,运行工程

root -> backstage -> adminUser
npm run serve

3、登录进入后台,刷新页面 至此,你在 adminUser 目录下的修改会以热部署形式更新到页面上

4、完成开发,编译模块

npm run build

发布到七牛云存储

由于后台管理的模块使用了微服务模式,我们可以把所有模块编译完成后上传到七牛云存储上,在项目发布到生产后,后台引用云上的资源更加方便,操作如下:

1.修改七牛配置

root -> backstage -> build -> utils.js

找到七牛的 accessKey, secretKey 等信息,改成自己的

2.回到build目录下

root -> backstage -> build
npm run buildPrdModules

3.修改 config.default.js, 找到 origin 字段,修改为你的七牛cdn域名

文件路径 root -> config -> config.default.js
origin: 'https://cdn.yourcdn.cn',


以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号

意见反馈
返回顶部