Vue开发中遇到的跨域问题及解决方法


Posted in Javascript onFebruary 11, 2020

跨域是指a页面想获取b页面资源,如果a、b页面的协议、域名、端口、子域名不同,或是a页面为ip地址,b页面为域名地址,所进行的访问行动都是跨域的,而浏览器为了安全问题一般都限制了跨域访问,也就是不允许跨域请求资源。

1.jsonp

原理是:动态插入script标签,通过script标签引入一个js文件,这个js文件载入成功后会执行我们在url参数中指定的函数,并且会把我们需要的json数据作为参数传入。

由于同源策略的限制,XmlHttpRequest只允许请求当前源(域名、协议、端口)的资源,为了实现跨域请求,可以通过script标签实现跨域请求,然后在服务端输出JSON数据并执行回调函数,从而解决了跨域的数据请求。

优点是兼容性好,简单易用,支持浏览器与服务器双向通信。

缺点是只支持GET请求。

2.core

采用的是CORS(Cross-origin resource sharing)。后台在响应头中添加Access-Control-Allow-Origin。这样就可以跨域调后台接口了。 

3.vue开发期间的api代理

当将此样板与现有后端集成时,通常需要在使用dev服务器时访问后端API。为了实现这一点,我们可以并行(或远程)运行dev服务器和API后端,并让dev服务器将所有API请求代理到实际的后端。

Vue开发中遇到的跨域问题及解决方法

以上就是本次介绍的全部相关知识点,如果大家有任何补充可以联系三水点靠木小编。

Javascript 相关文章推荐
繁简字转换功能
Jul 19 Javascript
HTML中事件触发列表与解说
Jul 09 Javascript
JavaScript XML实现两级级联下拉列表
Nov 10 Javascript
Jquery插件easyUi表单验证提交(示例代码)
Dec 30 Javascript
探讨JavaScript中的Rest参数和参数默认值
Jul 29 Javascript
jQuery仿淘宝网产品品牌隐藏与显示效果
Sep 01 Javascript
jQuery.form.js插件不能解决连接超时(timeout)的原因分析及解决方法
Oct 14 Javascript
ES6扩展运算符的用途实例详解
Aug 20 Javascript
jQuery 实现鼠标画框并对框内数据选中的实例代码
Aug 29 jQuery
vue使用v-if v-show页面闪烁,div闪现的解决方法
Oct 12 Javascript
示例vue 的keep-alive缓存功能的实现
Dec 13 Javascript
vue组件的路由高亮问题解决方法
May 11 Vue.js
Vue data的数据响应式到底是如何实现的
Feb 11 #Javascript
JS实现TITLE悬停长久显示效果完整示例
Feb 11 #Javascript
vue.config.js中配置Vue的路径别名的方法
Feb 11 #Javascript
vue-resourc发起异步请求的方法
Feb 11 #Javascript
js实现圆形显示鼠标单击位置
Feb 11 #Javascript
JavaScript实现省份城市的三级联动
Feb 11 #Javascript
node.js使用yargs处理命令行参数操作示例
Feb 11 #Javascript
You might like
php中json_encode中文编码问题分析
2011/09/13 PHP
编译php 5.2.14+fpm+memcached(具体操作详解)
2013/06/18 PHP
windows7下安装php的imagick和imagemagick扩展教程
2014/07/04 PHP
php简单实现发送带附件的邮件
2015/06/10 PHP
利用PHP_XLSXWriter代替PHPExcel的方法示例
2017/07/16 PHP
优秀js开源框架-jQuery使用手册(1)
2007/03/10 Javascript
用js来获取上传的文件名纯粹是为了美化而用
2013/10/23 Javascript
Jquery在指定DIV加载HTML示例代码
2014/02/17 Javascript
jquery实现显示已选用户
2014/07/21 Javascript
js解决select下拉选不中问题
2014/10/14 Javascript
基于JS实现无缝滚动思路及代码分享
2016/06/07 Javascript
angular route中使用resolve在uglify压缩后问题解决
2016/09/21 Javascript
canvas实现粒子时钟效果
2017/02/06 Javascript
JavaScript无阻塞加载和defer、async详解
2017/02/26 Javascript
Vue 父子组件、组件间通信
2017/03/08 Javascript
JS正则表达式判断有效数实例代码
2017/03/13 Javascript
基于react框架使用的一些细节要点的思考
2017/05/31 Javascript
Angular2监听页面大小变化的解决方法
2017/10/09 Javascript
vue-cli 3.x配置跨域代理的实现方法
2019/04/12 Javascript
vue之延时刷新实例
2019/11/14 Javascript
vue props 一次传多个值实例
2020/07/22 Javascript
浅析 Vue 3.0 的组装式 API(一)
2020/08/31 Javascript
[12:21]VICI vs TNC (BO3)
2018/06/07 DOTA
python实现最长公共子序列
2018/05/22 Python
Python SMTP发送邮件遇到的一些问题及解决办法
2018/10/24 Python
在scrapy中使用phantomJS实现异步爬取的方法
2018/12/17 Python
使用python绘制3维正态分布图的方法
2018/12/29 Python
Django-rest-framework中过滤器的定制实例
2020/04/01 Python
解决reload(sys)后print失效的问题
2020/04/25 Python
西班牙著名的珠宝首饰品牌:P D PAOLA
2018/09/15 全球购物
合伙经营协议书范本
2014/04/18 职场文书
任命书模板
2014/06/04 职场文书
超市店庆活动方案
2014/08/31 职场文书
2014年干部作风建设总结
2014/10/23 职场文书
如何使用Maxwell实时同步mysql数据
2021/04/08 MySQL
在HTML中引入CSS的几种方式介绍
2021/12/06 HTML / CSS