(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配置文件") })  ...