Vue Ajax跨域请求实例详解


Posted in Javascript onJune 20, 2017

一.设置config/index.js || proxyTable添加

proxyTable: {
   '/api': {
      target: 'http://192.168.48.239:8080/ydzl',
      changeOrigin: true,
      pathRewrite: {
        '^/api': ''
      }
   }

二.mian.js 添加vue全局属性

Vue.prototype.HOST = '/api'

三.如果是post的话

1.修改数据格式

transformRequest: [function (data) {
          // Do whatever you want to transform the data
            let ret = ''
            for (let it in data) {
             ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
            }
            return ret
           }],

2.修改请求头

headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
          }

以上所述是小编给大家介绍的Vue Ajax跨域请求实例详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
IE6下opacity与JQuery的奇妙结合
Mar 01 Javascript
用javascript判断IE版本号简单实用且向后兼容
Sep 11 Javascript
javascript避免数字计算精度误差的方法详解
Mar 05 Javascript
jQuery中:selected选择器用法实例
Jan 04 Javascript
jQuery中大家不太了解的几个方法
Mar 04 Javascript
jquery实现手机号码选号的方法
Jul 31 Javascript
javascript的正则匹配方法学习
Feb 24 Javascript
JavaScript调试的多个必备小Tips
Jan 15 Javascript
webpack项目调试以及独立打包配置文件的方法
Feb 28 Javascript
JS中数组与对象的遍历方法实例小结
Aug 14 Javascript
javascript定时器的简单应用示例【控制方块移动】
Jun 17 Javascript
JavaScript监听键盘事件代码实现
Jun 03 Javascript
详解webpack 入门总结和实践(按需异步加载,css单独打包,生成多个入口文件)
Jun 20 #Javascript
详解Angular的8个主要构造块
Jun 20 #Javascript
vue之数据交互实例代码
Jun 20 #Javascript
jquery加载单文件vue组件的方法
Jun 20 #jQuery
Angular.JS中select下拉框设置value的方法
Jun 20 #Javascript
原生js二级联动效果
Jun 20 #Javascript
angularjs下拉框空白的解决办法
Jun 20 #Javascript
You might like
php session_start()关于Cannot send session cache limiter - headers already sent错误解决方法
2009/11/27 PHP
thinkphp的c方法使用示例
2014/02/24 PHP
Flash对联广告的关闭按钮讨论
2007/01/30 Javascript
js css样式操作代码(批量操作)
2009/10/09 Javascript
js监听表单value的修改同步问题,跨浏览器支持
2009/12/31 Javascript
aspx中利用js实现确认删除代码
2010/07/22 Javascript
浏览器加载、渲染和解析过程黑箱简析
2012/11/29 Javascript
收集json解析的四种方法分享
2014/01/17 Javascript
javascript删除数组元素并且数组长度减小的简单实例
2014/02/14 Javascript
JS数组的赋值介绍
2014/03/10 Javascript
JS实现简单的键盘打字的效果
2015/04/24 Javascript
JQuery给网页更换皮肤的方法
2015/05/30 Javascript
JavaScript lodash常见用法系列小结
2016/08/24 Javascript
深入理解bootstrap框架之入门准备
2016/10/09 Javascript
jQuery右下角悬浮广告实例
2016/10/17 Javascript
JS多物体实现缓冲运动效果示例
2016/12/20 Javascript
基于JavaScript实现简单的音频播放功能
2018/01/07 Javascript
JavaScript数据结构与算法之二叉树插入节点、生成二叉树示例
2019/02/21 Javascript
JS模拟浏览器实现全局搜索功能
2019/09/11 Javascript
layui使用form表单实现post请求页面跳转的方法
2019/09/14 Javascript
json字符串对象转换代码实例
2019/09/28 Javascript
layUI的验证码功能及校验实例
2019/10/25 Javascript
JS中类的静态方法,静态变量,实例方法,实例变量区别与用法实例分析
2020/03/14 Javascript
解决qrcode.js生成二维码时必须定义一个空div的问题
2020/07/09 Javascript
Python数据库的连接实现方法与注意事项
2016/02/27 Python
tensorflow 获取变量&打印权值的实例讲解
2018/06/14 Python
利用Django提供的ModelForm增删改数据的方法
2019/01/06 Python
python队列Queue的详解
2019/05/10 Python
numpy.linspace函数具体使用详解
2019/05/27 Python
一行python实现树形结构的方法
2019/08/09 Python
Django对接支付宝实现支付宝充值金币功能示例
2019/12/17 Python
HTML5新特性之语义化标签
2017/10/31 HTML / CSS
澳大利亚时尚前卫设计师珠宝在线:Amber Sceats
2017/10/04 全球购物
马德里竞技官方网上商店:Atletico Madrid Shop
2019/03/31 全球购物
医学生自荐信
2013/12/03 职场文书
淮海战役观后感
2015/06/11 职场文书