后臺(tái)管理開(kāi)發(fā)

2019-11-30 21:53 更新

后臺(tái)頁(yè)面熱部署開(kāi)發(fā)

1.修改 config.local.js 文件,假設(shè)我們要開(kāi)發(fā) 管理員模塊 (adminUser)

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

將 dev_modules 中的 adminUser 注釋打開(kāi):

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、進(jìn)入 adminUser 目錄下,運(yùn)行工程

root -> backstage -> adminUser
npm run serve

3、登錄進(jìn)入后臺(tái),刷新頁(yè)面 至此,你在 adminUser 目錄下的修改會(huì)以熱部署形式更新到頁(yè)面上

4、完成開(kāi)發(fā),編譯模塊

npm run build

發(fā)布到七牛云存儲(chǔ)

由于后臺(tái)管理的模塊使用了微服務(wù)模式,我們可以把所有模塊編譯完成后上傳到七牛云存儲(chǔ)上,在項(xiàng)目發(fā)布到生產(chǎn)后,后臺(tái)引用云上的資源更加方便,操作如下:

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


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)