解读vue开发中如何解决跨域请求数据问题（基于浏览器配置）
本文讲解如何“解读vue开发中如何解决跨域请求数据的问题（基于浏览器的配置方案）”，用于解决相关问题。
在使用vue做后端开发的时候，因为运行vue常用的webpack自带的node服务，而我们真正要使用的数据确实在后端服务器上，这就涉及到服务器请求跨域的问题。原来是在axios等网络请求参数上配置的
withCredentials: true,
可以解决跨域问题谷歌浏览器本地跨域，现在chorme等浏览器都做了新的跨域限制。例如，服务器端配置允许跨域问题。有关详细信息，请参阅跨域问题解决。它是英文的。这需要一些工作；有没有不用服务器端配置解决浏览器跨域问题的方法？答案是肯定的！ ！
让我们在这里谈谈chorme。由于chorme基本上是后端的主流浏览器，所以配置如下：
49版之前的跨域设置
具体方法是：
1.chorme浏览器下载安装后，在桌面找到浏览器快捷方式图标，鼠标右键属性栏。
2.如右图属性页的目标输入框添加--disable-web-security：
3.单击“应用”和“确定”关闭属性页面并打开 chrome 浏览器。如果浏览器提示“You are using an unsupported command flag --disable-web-security”谷歌浏览器本地跨域，则配置成功。
49版以后的Chrome跨域设置
chrome升级到49后，跨域设置比以前更严格。在 open 命令中添加 --disable-web-security 后，需要给一个新的用户个人信息目录。众所周知，chrome是一个需要用gmail地址登录的浏览器。登录后会生成个人信息存放目录，保存用户收藏、历史记录等个人信息。 49版之后，如果设置chrome浏览器支持跨域模式，需要指定个人信息目录，不能使用默认目录。怕chrome浏览器怕用户不应该使用跨域模式泄露个人信息（主要是cookie，很多网站的登录token信息都保存在cookie中）。
具体方法是：
1.在笔记本上新建一个目录，例如：C:MyChromeDevUserData
2.属性页的目标输入框添加--disable-web-security--user-data-dir=C:MyChromeDevUserData，--user-data-dir的值为last晚上新建目录。
3.点击 Apply 和 OK 关闭属性页面并打开 chrome 浏览器。
再次打开chrome，找到与“--disable-web-security”相关的提示，表示chrome又可以跨域正常工作了。
跨域成功后，首页换成google的欢迎页面，原来收藏的链接和历史记录都没了，在C:MyChromeDevUserData目录下生成新的个人信息相关文件.
这解决了例如
报错的问题，一个坑满了，前面还有很多坑要补，哈哈！ ！ ！
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持易素云。
这是关于“解读vue开发如何解决跨域请求数据问题（基于浏览器的配置方案）”。希望多多支持编程宝库。
下一节：如何在vuex中使用module模块vue编程技术
如何在vuex中使用module模块：这篇文章解释了“如何在vuex中使用module模块”来解决相关问题。目录结构：store│index.js│├─feeds│actions.js│getters.js│index....
发表评论