(vue)Vue读取public中的json文件,打包后只需更改包文件

---

背景：增加账号需求。原本是在页面，每次都需技术人员添加再打包部署，现在放到json里，以后直接服务器改json就行。

---

旧版：

let userArr = [{username:'aaa',password:'123456'},{username:'bbb',password:'234567'}, ...
]
let arr = userArr.filter(e => this.loginForm.username == e.username)
...

新版

// request.js中统一获取pubulic下userArr.json
let userArr = globalConfig
let arr = userArr.filter(e => this.loginForm.username == e.username)
...

---

解决方法：

第一步、pubulic下新建json文件（打包后dist里边也会有）

第二步、userArr.json

[{"username":"aaa","password":"123456"},{"username":"bbb","password":"234567"}...
]

第三步、request.js

import axios from 'axios'
...axios.request({url: '/server.json',//直接填写json文件在public下的路径即可method: 'get',
}).then(res => {Window.prototype.globalConfig = res.data;
}).catch(err => {alert("请在public文件夹下添加server.json配置文件")
})...