在做到一些需要获取数据,或者用到json项目中,浏览器会出现跨域问题。这里需要搭建简单的浏览器环境或者更改chrome本地配置。
如图,直接运行项目情况。
解决方案有两种。
一是更改chrome配置,点击chrome图标,右键“属性”,“快捷方式”选项卡里选择“目标”,添加 --args --disable-web-security --user-data-dir。
有些电脑由于种种原因,不能实现效果,所以,就要用到第二种方法。
二是搭配浏览器环境。(自己用的两种方法)
1.基于node.js开发的http-server方法。
首先需在电脑安装node.js,然后打开电脑cmd命令。输入目标项目地址,直接输入http-server回车即可。如图:
打开浏览器。输入网址:http://localhost:8080/map2.html 或者本地IP地址 :http://192.168.10.189:8080/map2.html 就欧卡啦!!
2.用webstorm直接打开项目,它自动配置浏览器环境。Alt+F2快捷键,在浏览器打开,自动配置本地参数
因个人爱好,电脑配置原因,不善于用webstorm,相对sublime,内存较大,办公电脑运行有点吃力,所以,经常用第一种方法。