Vue 如果纯写静态站的话，怎么在单文件组件里载入 json？

[JCZ2MkKb5S8ZX9pq]

• 一个有若干展示子页面的静态站点。目前参考的是这篇
  在静态页面中使用 Vue.js - A_ning - 博客园

• 因为想用 vue-router，所以子页面好像都必须用单文件 component 来写。

• 现在卡在单个.vue 组件文件里，载入 json 的这步。找到的范例都是

  import xxx from xxx.json
  

  但静态页面好像这么写不行。（没有用 cli 啥的）

• 小白入门不知道何从下手了，有高手路过麻烦指点一下。

[JCZ2MkKb5S8ZX9pq]

@SilentDepth 我试了下，的确可以了。
昨天死活不行，编译就出错。
现在就用这个标准的写法就通过了。
created() {
fetch('views/home.json').then(res => res.json())
.then(json => { this.message = json.members }) },

再额外请教一个问题，我在 pc 端的 chrome，及 chrome 模拟的 mobile 页面都能成功显示，但是在 ios 的 safari/chrome 中都载入失败（一片空白），移动端请求桌面模式也一样空白。请问移动端有没有什么查看工具？（ xcode 好像可以连移动 safari 但太绕了）

[SilentDepth]

Mac 上 Safari 就可以连接 iOS 开启开发者工具

[JCZ2MkKb5S8ZX9pq]

@SilentDepth 好的，我去试试。

[JCZ2MkKb5S8ZX9pq]

@SilentDepth 找到原因了，挺诡异的，是 safari 不认 util.js 开头的正则表达式。
搜了一下可能是这个原因，不认后视。第一次碰到，等会儿改了看看。

[javascript - Works in Chrome, but breaks in Safari: Invalid regular expression: invalid group specifier name /(?<=\/)([^#]+)(?=#*)/ - Stack Overflow]( https://stackoverflow.com/questions/51568821/works-in-chrome-but-breaks-in-safari-invalid-regular-expression-invalid-group)

[SilentDepth]

@JCZ2MkKb5S8ZX9pq #24 https://caniuse.com/#feat=js-regexp-lookbehind

[JCZ2MkKb5S8ZX9pq]

@SilentDepth 的确我 mac 的 safari 也不认 lookbehind，测起来倒方便了。。。
后来加了一步，先找再替换了。

[JCZ2MkKb5S8ZX9pq]

@SilentDepth 发现那个 httpVueLoader 只认 module.export，改了一下之后这个也跑通了，而且它好像默认解决了 safari 的问题。考虑到这个 js 有可能长期维护，转用这个了。