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

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


用VUE调取本地的json谷歌跨域禁止的解决方法_第1张图片
谷歌浏览器对跨域访问禁止

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

解决方法:给浏览器传入启动参数(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文件中

用VUE调取本地的json谷歌跨域禁止的解决方法_第2张图片
端口号可以自己定义

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

你可能感兴趣的:(用VUE调取本地的json谷歌跨域禁止的解决方法)