后台管理开发

后台页面热部署开发

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',