需求

通过json文件对打包好的项目中的某些页面进行自定义配置。

思路

项目在经过webpack打包编译后变得“面目全非”，肯定不适合后期进行json文件修改，如此只能将json文件放入public文件夹中，因为放在public目录下的资源会被直接复制，不会经过webpack的打包处理。

实现

1. 在public文件夹下新建一个json文件：

   
   
2. 在需要自定义配置的页面使用axios读取此json文件：

axios.request({
       url: '/app/app-config.json',//直接填写json文件在public下的路径即可
       method: 'get',
}).then(res => {
       this.appData = res.data.apps
}).catch(err => {
       alert("抱歉，服务出错！")
})