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实现trim()的解决办法
Apr 16 Javascript
Validform+layer实现漂亮的表单验证特效
Jan 17 Javascript
js实现从左向右滑动式轮播图效果
Jul 07 Javascript
在原生不支持的旧环境中添加兼容的Object.keys实现方法
Sep 11 Javascript
详解Webpack+Babel+React开发环境的搭建的方法步骤
Jan 09 Javascript
Angular 4.x+Ionic3踩坑之Ionic3.x pop反向传值详解
Mar 13 Javascript
解决node修改后需频繁手动重启的问题
May 13 Javascript
超好用的jQuery分页插件jpaginate用法示例【附源码下载】
Dec 06 jQuery
微信小程序蓝牙连接小票打印机实例代码详解
Jun 03 Javascript
react native 仿微信聊天室实例代码
Sep 17 Javascript
JavaScript交换变量的常用方法小结【4种方法】
May 07 Javascript
JS实现纸牌发牌动画
Jan 19 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_Flame(Version:Progress)的原代码
2006/10/09 PHP
基于PHP实现假装商品限时抢购繁忙的效果
2015/10/16 PHP
PHP常用文件操作函数和简单实例分析
2016/06/03 PHP
php常用字符串String函数实例总结【转换,替换,计算,截取,加密】
2016/12/07 PHP
PHP __call()方法实现委托示例
2019/05/20 PHP
javascript getElementsByClassName 和js取地址栏参数
2010/01/02 Javascript
JS 实现BASE64_ENCODE和BASE64_DECODE(实例代码)
2013/11/13 Javascript
ie8本地图片上传预览示例代码
2014/01/12 Javascript
javascript将浮点数转换成整数的三个方法
2014/06/23 Javascript
jquery根据属性和index来查找属性值并操作
2014/07/25 Javascript
js完美实现@提到好友特效(兼容各大浏览器)
2015/03/16 Javascript
js点击文本框后才加载验证码实例代码
2015/10/20 Javascript
jQuery插件编写步骤详解
2016/06/03 Javascript
react.js 翻页插件实例代码
2017/01/19 Javascript
nodejs搭建本地http服务器教程
2017/03/13 NodeJs
Vuejs入门教程之Vue生命周期,数据,手动挂载,指令,过滤器
2017/04/19 Javascript
js is_valid_filename验证文件名的函数
2017/07/19 Javascript
element-ui 中的table的列隐藏问题解决
2018/08/24 Javascript
NodeJS模块与ES6模块系统语法及注意点详解
2019/01/04 NodeJs
JS实现手写 forEach算法示例
2020/04/29 Javascript
跟老齐学Python之编写类之三子类
2014/10/11 Python
Python XML RPC服务器端和客户端实例
2014/11/22 Python
Python实现测试磁盘性能的方法
2015/03/12 Python
python 实现网上商城,转账,存取款等功能的信用卡系统
2016/07/15 Python
python 读取竖线分隔符的文本方法
2018/12/20 Python
Python面向对象程序设计构造函数和析构函数用法分析
2019/04/12 Python
python 读取数据库并绘图的实例
2019/12/03 Python
numpy按列连接两个维数不同的数组方式
2019/12/06 Python
python中numpy.empty()函数实例讲解
2021/02/05 Python
scrapy-splash简单使用详解
2021/02/21 Python
优秀英语专业毕业生求职信
2013/11/23 职场文书
女方婚礼新郎答谢词
2014/01/11 职场文书
关于召开会议的通知
2015/04/15 职场文书
总经理聘用协议书
2015/09/21 职场文书
python3.9之你应该知道的新特性详解
2021/04/29 Python
JavaWeb实现显示mysql数据库数据
2022/03/19 Java/Android