修改浏览器属性配置的作用---开发机上解决跨域的方式

开发阶段解决跨域问题，可以通过修改浏览器属性配置，来关闭浏览器的同源策略保护机制，从而实现解决跨域问题，有下面三种方式：
1. MAC系统，终端输入代码段

"open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir=/Users/admin/MyChromeDevUserData/"

2.window系统，cmd输入代码段

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --args --disable-web-security --user-data-dir=D:\temp

3. window第二种方式：快捷方式图标复制图标，右键属性，在“目标”中末尾空格后添加

--args --disable-web-security --user-data-dir=D:\temp

什么情况下会用上面的方式来设置浏览器配置：当你需要调用电脑摄像头的时候，如果浏览器有进行过浏览器配置，就能正常调用电脑摄像头了。
浏览器属性配置成功标志，看到以下提示
您使用的是不受支持的命令行标记：--disable-web-security。稳定性和安全性会有所下降。
修改浏览器配置解决跨域后，能访问别的域的cookie，如果在开发机上

原文地址：https://www.cnblogs.com/ChineseLiao/p/11330276.html

时间： 2024-10-27 07:43:33

修改浏览器属性配置的作用---开发机上解决跨域的方式的相关文章

vue开发环境和生产环境里面解决跨域的几种方法

跨域指浏览器不允许当前页面的所在的源去请求另一个源的数据.源指协议,端口,域名.只要这个3个中有一个不同就是跨域. 这里列举一个经典的列子: #协议跨域 http://a.baidu.com访问https://a.baidu.com: #端口跨域 http://a.baidu.com:8080访问http://a.baidu.com:80: #域名跨域 http://a.baidu.com访问http://b.baidu.com: 现在很多公司都是采用前后分离的方式开发.那么出现经常和会

vue项目开发，用webpack配置解决跨域问题

今天在本地开发时候碰到了跨域的问题,突然觉着跨域问题在所难免啊,之前没有没有碰到总觉着解决跨域很高大上的样纸,其实就是受限于网络的同源策略,跨域前后端都可以进行处理. 1,后端更改header header('Access-Control-Allow-Origin:*');//允许所有来源访问 header('Access-Control-Allow-Method:POST,GET');//允许访问的方式 2,使用jsonp进行跨域 getData () { var self = this $.

前端开发如何独立解决跨域问题

背景跨域是由浏览器同源策略引起的,是指页面请求的接口地址,必须与页面url地址处于同域上(即域名,端口,协议相同).这是为了防止某域名下的接口被其他域名下的网页非法调用,是浏览器对JavaScript施加的安全限制. 这个措施出发点是好的,但在项目开发的过程中,常常给前端开发者带来麻烦. 由于页面开发中,静态资源是放在本地电脑上的,访问这些资源通常通过IP方式(127.0.0.1)或者localhosts来访问,与线上服务器所在域名不符,不能顺利进行接口调用. 解决跨域问题常用的解决方案有两个

chrome浏览器解决跨域调试问题

1.关闭chrome浏览器(全部) 2.找到桌面chrome浏览器图标,右键"属性" 如图: 3.在目标最后添加 : --disable-web-security --user-data-dir 前边有空格, 在 '--' 前 "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --disable-web-security --user-data-dir 4.确定 ,重新打开浏览器,这时会出现:

（转）HTML5开发中Access-Control-Allow-Origin跨域问题

今天准备通过JavaScript的方式调用问说问答的内容,由于使用的不同的二级域名,遇到了一个跨域问题,虽然可以使用JSON或者XML来解决这个问题,但是我们可以通过Access-Control-Allow-Origin解决跨域问题,下面一起来看看Access-Control-Allow-Origin跨域问题的解决方法. 什么是跨域? 顾名思义,跨域就是不同的域名下的资源访问,会被浏览器的本地安全策略阻止,例如www.uedsc.com去AJAX请求一个wenda.uedsc.com的资源,他们

用 Nokitjs 解决前端开发中的跨域问题

问题在开发一些「单页应用」时,通常会使用 Ajax 和服务器通讯,比如 RESTful API,通常「前端」和「服务端 API」可能是有不同人员在负责,也不在同一个工程下,那么开发过程中就可能会遇到跨域的问题,比如 Chrome 会在 console 中看到这样的错误消息: XMLHttpRequest cannot load http://google.com/. No 'Access-Control-Allow-Origin' header is present on the reques

PhoneGap开发跨平台移动APP - 解决跨域资源共享

解决跨域资源共享一.WebApi解决跨域资源共享. 开发中选择WebApi来作为服务端的数据接口,由于使用PhoneGap,就需要通过js来获取远程远程数据服务器的数据,由于同源策略的限制,这就涉及到跨域资源共享问题. 首先新建一个简单的WebApi项目, 使用微软的CORS解决方案,再Nugget中下载microsoft.aspnet.webapi.cors. 配置WebApiConfig: //这里先用*来测试,生产环境下,这样配置是不安全的,需要做一些限制.config.EnableCo

Nodejs代理解决开发环境下跨域问题

前后端分离的项目,需要解决开发环境下跨域的问题: 转载链接:https://www.cnblogs.com/ytu2010dt/p/5959899.html 1.安装node环境 2.新建JS文件:nodeProxy.js 代码: "use strict"; const express = require('express'); const path = require('path'); const app = express(); const request = require('r

配置proxy解决跨域问题

用一个最简单的方法解决API资源请求跨域问题:http-proxy-middleware http-proxy-middleware不需要自己安装,在安装webpack过程中,会自动依赖安装到你的node_modules文件夹下,如果你发现没有,那么请自行安装 npm install --save-dev http-proxy-middleware 1.前端部署了nodejs服务器,采用app.listen()启动前端服务器,那么你只需要在你的js中添加下面几行代码即可假设你的前端服务器js文