美文网首页
用VUE调取本地的json谷歌跨域禁止的解决方法

用VUE调取本地的json谷歌跨域禁止的解决方法

作者: 花开花落_ | 来源:发表于2017-06-23 15:41 被阅读0次

    在本地写vue单页的小demo时,自己制造json数据需要用vue的vue-resource.js来获取本地的数据this.$http.get("/data/cartData.json").then(function(res){})但是这时候谷歌就出现了一个问题:

    谷歌浏览器对跨域访问禁止

    提示这个原因是:浏览器为了安全性考虑,默认对跨域访问禁止。

    解决方法:给浏览器传入启动参数(allow-file-access-from-files),允许跨域访问。Windows下,运行(CMD+R)或建立快捷方式:

    "C:/Program Files (x86)/Google/Chrome/Application/chrome.exe" --allow-file-access-from-files

    这是百度出来的结果,但是我用这个方法没有解决问题。

    我的自己的解决方法是在文件下使用git安装 http-server ,前提是要安装node

    然后本地的package.json文件中

    端口号可以自己定义

    http://localhost:9090/index.html 可以用了。。。

    相关文章

      网友评论

          本文标题:用VUE调取本地的json谷歌跨域禁止的解决方法

          本文链接:https://www.haomeiwen.com/subject/rreccxtx.html