简单的两种浏览器环境搭建。

       在做到一些需要获取数据,或者用到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,内存较大,办公电脑运行有点吃力,所以,经常用第一种方法。

原文地址:https://www.cnblogs.com/wlpower/p/6370377.html