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 相关文章推荐
JS 控制非法字符的输入代码
Dec 04 Javascript
js将long日期格式转换为标准日期格式实现思路
Apr 07 Javascript
input点击后placeholder中的提示消息消失
Jan 15 Javascript
JS实现左右无缝轮播图代码
May 01 Javascript
jQuery实现为LI列表前3行设置样式的方法【2种方法】
Sep 04 Javascript
Javascript实现倒计时(防页面刷新)实例
Dec 13 Javascript
微信小程序 生命周期和页面的生命周期详细介绍
Jan 19 Javascript
jQuery访问json文件中数据的方法示例
Jan 28 jQuery
Bootstrap实现模态框效果
Sep 30 Javascript
Vue 路由间跳转和新开窗口的方式(query、params)
Dec 25 Javascript
Vue实现图片轮播组件思路及实例解析
May 11 Javascript
Vue 组件注册全解析
Dec 17 Vue.js
详解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 代码优化之经典示例
2011/03/24 PHP
PHP批量采集下载美女图片的实现代码
2013/06/03 PHP
php调整服务器时间的方法
2015/04/03 PHP
PHP实现微信红包金额拆分试玩的算法示例
2018/04/07 PHP
javascript操作文本框readOnly
2007/05/15 Javascript
JS 日期验证正则附asp日期格式化函数
2009/09/11 Javascript
js中判断控件是否存在
2010/08/25 Javascript
jQuery插件开发全解析
2012/10/10 Javascript
基于JavaScript实现高德地图和百度地图提取行政区边界经纬度坐标
2016/01/22 Javascript
jquery简单插件制作(fn.extend)完整实例
2016/05/24 Javascript
easyui datebox 时间限制,datebox开始时间限制结束时间,datebox截止日期比起始日期大的实现代码
2017/01/12 Javascript
基于jQuery实现数字滚动效果
2017/01/16 Javascript
jquery animate动画持续运动的实例
2017/11/29 jQuery
用最少的JS代码写出贪吃蛇游戏
2018/01/12 Javascript
浅谈Angular7 项目开发总结
2018/12/19 Javascript
Vue注册组件命名时不能用大写的原因浅析
2019/04/25 Javascript
vue无限轮播插件代码实例
2019/05/10 Javascript
基于vue.js仿淘宝收货地址并设置默认地址的案例分析
2020/08/20 Javascript
[00:30]塑造者的传承礼包-戴泽“暗影之焰”套装展示视频
2014/04/04 DOTA
[01:56]2014DOTA2西雅图邀请赛 MVP外卡赛老队长精辟点评
2014/07/09 DOTA
[55:47]DOTA2上海特级锦标赛C组小组赛#2 LGD VS Newbee第三局
2016/02/27 DOTA
Python中用pycurl监控http响应时间脚本分享
2015/02/02 Python
使用python list 查找所有匹配元素的位置实例
2019/06/11 Python
解决Pycharm后台indexing导致不能run的问题
2019/06/27 Python
python异常处理、自定义异常、断言原理与用法分析
2020/03/23 Python
python 对象真假值的实例(哪些视为False)
2020/12/11 Python
CSS3制作翻转效果_动力节点Java学院整理
2017/07/11 HTML / CSS
先进工作者获奖感言
2014/02/08 职场文书
副护士长竞聘演讲稿
2014/04/30 职场文书
应届毕业生求职信范文
2014/05/08 职场文书
学生吸烟检讨书
2014/09/14 职场文书
2014年保育员个人工作总结
2014/12/02 职场文书
离职感谢信
2015/01/21 职场文书
法律意见书范文
2015/06/04 职场文书
2016年记者节感言
2015/12/08 职场文书
Python趣味实战之手把手教你实现举牌小人生成器
2021/06/07 Python