BOX 接入说明

分两种接入方式

按模板接入
自定义接入

按模板接入

下载后台模板使用

git clone git@gitee.com:best-ecology/vue-admin-demo.git

npm i

自定义修改项目配置
1. src/api/go-manage.js 修改 AppId
2. src/settings.js 修改 appid,appname,title
3. src/api/env.js 修改 api 接口地址
4. 菜单 icon 说明： 使用 iconfont 的 js， 在 box 后台上传

自定义接入

不使用模板项目进行接入

npm i mali-box-header mali-secure --save

// BoxHeader
import BoxHeader from "mali-box-header"
import VueLetterAvatar from "vue-letter-avatar"
Vue.use(BoxHeader)
Vue.use(VueLetterAvatar)


// use with need
1. auth-redirect.vue insert `<box-header />`
2. layout/index.vue insert `<box-header />`
3. permission.js 处理登陆逻辑
4. 更改 axios.js 文件

服务端配置：

// NGINX 配置三个头部地址
// SY_APPLICATION_ENV ： 环境
// SY_APPLICATION_BOX_API_URL ： box api 地址
// SY_APPLICATION_BOX_URL ： box 后台 地址
// SY_APPLICATION_LOGIN_URL ： 登陆地址
// SY_APPLICATION_API_URL : 自身 api 地址


header 会自动写入到 localstage

app_env
app_box_api_url
app_box_url

其他一些备注

本地开放环境更新

scp -r ./dist root@192.168.2.140:/app/data/best-ecology/vue-box
scp ./svr-box root@192.168.2.140:/app/data/best-ecology/
scp ./api-box root@192.168.2.140:/app/data/best-ecology/

地址

内网

外网

按模板接入

自定义接入

服务端配置：

其他一些备注

License