前端JSON文件被vue-router当作vue组件拦截了怎么处理?

古道西风瘦马
  • 354
广东

我在工程的src/assets文件夹下放了一个xxx.json的动画文件资源,当打开动画页面的时候,动画库会自动发起xhr请求去请求本地的这个xxx.json文件,可是本地webpack-dev-server却返回了一个HTML文件,如下图:

image.png

看起来是history模式下的vue-router给当作vue组件处理了。请问如何处理这种情况?

回复
阅读 749
2 个回答
✓ 已被采纳

你应该写 public 里面吧。src 下面的需要 require 或者 import 这种引入(非 ajax )

可以引入"vue-resource"这个库
然后在vue组件中使用它来请求本地json(我的本地json文件位于public/static/update.json)
使用:

 this.$http.get('/static/update.json').then((res) => {
            this.logList = res.body
          })
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏