十秒解决开发环境跨域问题——取消浏览器同源策略

解决开发环境跨域问题方法有很多，设置代理什么的略显繁琐；接下来介绍一个十秒解决开发环境跨域问题的方法——取消浏览器同源策，解决所有跨域问题，以谷歌浏览器为例。

一：Windows

①：关闭浏览器

②：新建一个chrome快捷方式，右键“属性”，“快捷方式”选项卡里选择“目标”，添加 --args --disable-web-security --user-data-dir

③：重启浏览器即可

二：Mac版

①：在电脑任意位置新建一个文件夹，本人新建的文件夹为desktop下的chromeData

②：启动terminal窗口，输入一下命令，--user-data-dir的值请根据个人电脑设置更改，需要更改的位置为xiaoqiang、chromeData

open -n /Applications/Google\ Chrome.app/ --args --disable-web-security  --user-data-dir=/Users/xiaoqiang/Desktop/chromeData

回车，即可打开一个新的浏览器窗口，同时解决浏览器同源策略限制。

注：网上的方法也是用open打开，但缺少--user-data-dir的值，本人系统不支持，--user-data-dir的值为必须，亲测可行。

十秒解决开发环境跨域问题——取消浏览器同源策略相关推荐

Python 使用CORS跨域资源共享解决flask服务器跨域问题、浏览器同源策略
CORS 全称 Cross-origin resource sharing(跨域资源共享),只要服务端配置了 CORS,前端调用时就可以实现跨域访问了. 形式就是封装在 header 里的一些参数,例 ...
gorilla websocket无法跨域_聊聊浏览器同源策略与跨域方案详解
开发出高性能的 Web 应用固然重要,但安全问题也不容小觑.本文我们继续以 HTTP 为线索,展开来讲一讲浏览器安全相关的同源策略. 浏览器的同源策略(Same Origin Policy) 源(Or ...
Vue Nginx反向代理配置解决生产环境跨域
Vue本地代理举例: module.exports = {publicPath: './',devServer: {proxy: {'/api': {target: 'https://movie.do ...
vue开发环境跨域与生产环境跨域
常见的跨域的方式同源策略所谓同源(即指在同一个域)具有以下三个相同点协议相同(protocol) 主机相同(host) 端口相同(port) jsonp JSONP的原型:创建一个回调函数,然后 ...
Vue代理解决生产环境跨域问题
当我们前端要调用跨域接口时,我们需要用代理解决跨域问题,比如Vue的代理配置proxy,但是当Vue项目打包成静态文件时,他的代理也就失灵了,因为代理的前提是本地必须有service,本章讲一下生产环 ...
Vue代理解决生产环境跨域问题部署必备干货
当我们前端要调用跨域接口时,我们需要用代理解决跨域问题,比如Vue的代理配置proxy,但是当Vue项目打包成静态文件时,他的代理也就失灵了,因为代理的前提是本地必须有service,本章讲一下生产环 ...
grunt-connect-proxy解决开发时跨域问题
最近的项目中前后端是完全分离开发的,前端用grunt管理项目.这样就会导致一个问题:开发时前端调用后台的接口时因为不在一个服务器,所以会出现跨域问题.但是也不能用JSONP或CROS方式实现真正的跨域 ...
vue-cil解决开发环境的跨域问题
为什么会产生跨域问题由于浏览器同源策略的限制,当前端项目运行的服务地址和接口服务运行的地址协议域名端口三者有一个不一致就会出现跨域解决开发环境的跨域问题 ue-cli为我们在本地开启了 ...
将打包好的VUE文件部署到Web容器（Nginx）中，解决接口调用跨域问题
目录背景下载并解压Nginx 部署dist到Nginx中启动Nginx 背景 VUE项目开发(如何搭建VUE开发环境请参见:如何搭建VUE开发环境_chanbzou1981的博客-CSDN博客) ...

十秒解决开发环境跨域问题——取消浏览器同源策略

十秒解决开发环境跨域问题——取消浏览器同源策略相关推荐

最新文章

热门文章