本地解决chrome跨域

问题:由于浏览器的同源策略,即要求“协议、域名、端口”必须相同。也是浏览器的一种安全机制,导致平时开发程序的时候总会遇到跨域问题,比如请求API请求,或者canvas合成图片的时候。一般会出现类似于下面的报错

 

XMLHttpRequest cannot load http://localhost:8080/#/. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3000' is therefore not allowed access. The response had HTTP status code 405.

常用解决方式:

    1.后端加response.setHeader("Access-Control-Allow-Origin", "*")

    2.nginx配置代理服务器

   3.在终端运行 “open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir=/Users/lizhiqiang/Documents/chrome”    “/Applications/Google\ Chrome.app ”是你的chrome 软件地址,“/Users/lizhiqiang/Documents/chrome” 是你随便创建的一个文件夹当浏览器出现如下图片就成功了。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值