codecamp

后台管理开发

后台页面热部署开发

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,免费阅读超1000+编程语言教程
取消
确定
目录

其它

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }