vue怎么引入外网json文件

今日吃午饭时，伊万卡前端小妹问了我一个问题。
“App中有一个模块是用H5做的，其中有一个接口读取的是本地json资源文件，但是这个文件修改时间不定，我又不想每次修改了这个文件再重新发版打个包！？”
我头也没抬的答道：“改成接口不就行了，回头让小川配合你改一下。”
“但是这个文件中的数据修改没有规律，是个json数组，改成接口感觉会更麻烦。”
看来伊万卡小妹已经思考过这个方案了，我心中忖了2秒钟，答道：
“放在本地不行，改成接口不行，那把这个文件放到公司CDN服务器上吧，这样这个文件修改了，只需要更新服务器上的文件就行了，回去我给你申请个权限。”
“那如果CDN上的文件更新了，本地缓存问题怎么解决呢？”
“这个问题不用担心，咱们公司有个管理系统，可以针对CDN服务器上某个URL来刷新缓存，当你这个文件更新了，刷新一下这个URL就行。”
伊万卡小妹笑了笑，看来她对这个方案还算满意。
我顺着这个思路继续想了下去，如果直接引用这个json文件的话，还的把这个文件改造一下才行。
比如你的文件 demo.json 中的内容是：

[{
name:'张三',
age:10
},{
name:'李四',
age:20
}]

引入的时候内容需要改成：

let _person=
[{
name:'张三',
age:10
},{
name:'李四',
age:20
}]

这样在 index.html直接引入cdn上的这个json文件，在各组件中就可以直接使用 json 中 _person 变量了。 看着伊万卡小妹吃的这么香，估计前后早都想好了吧~