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

(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: '/userArr.json',//直接填写json文件在public下的路径即可
    method: 'get',
}).then(res => {
    Window.prototype.globalConfig = res.data;
}).catch(err => {
    alert("请在public文件夹下添加server.json配置文件")
})

...