vue2.0设置proxyTable使用axios进行跨域请求的方法


Posted in Javascript onOctober 19, 2017

这里请求的是知乎日报的api,由@izzyleung这位大神提供的,这是github地址。

在vue-cli构建的项目中先安装axios

npm install axios -S

这里暂不考虑用vuex封装的方式,只讲在当前组件中直接使用。

先在<script>中引入

vue2.0设置proxyTable使用axios进行跨域请求的方法

用prototype将axios添加为vue原生的属性,$ajax相当于axios的别名。

然后在要调用的方法或是钩子中请求,$ajax就是上面注册的axios,如果想直接用axios不想设置prototype也可以直接按官方的文档来写

vue2.0设置proxyTable使用axios进行跨域请求的方法

vue在配置文件中提供了proxyTable来设置跨域,在config文件夹的index.js文件中

vue2.0设置proxyTable使用axios进行跨域请求的方法

vue2.0设置proxyTable使用axios进行跨域请求的方法

‘/news/lates'对应的是上面ajax请求时的url,target是你真实请求的地址

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
ajax处理php返回json数据的实例代码
Jan 24 Javascript
js浏览器本地存储store.js介绍及应用
May 13 Javascript
浅谈javascript中自定义模版
Jan 29 Javascript
完美实现js选项卡切换效果(二)
Mar 08 Javascript
Jquery中attr与prop的区别详解
May 27 jQuery
使用socket.io实现简单聊天室案例
Jan 02 Javascript
Node.js实现mysql连接池使用事务自动回收连接的方法示例
Feb 03 Javascript
JavaScript实现简单动态进度条效果
Apr 06 Javascript
微信小程序模板template简单用法示例
Dec 04 Javascript
layui 地区三级联动 form select 渲染的实例
Sep 27 Javascript
vue 实现强制类型转换 数字类型转为字符串
Nov 07 Javascript
JS 基本概念详细介绍
Oct 16 Javascript
vue resource post请求时遇到的坑
Oct 19 #Javascript
vue Element-ui input 远程搜索与修改建议显示模版的示例代码
Oct 19 #Javascript
JavaScript适配器模式详解
Oct 19 #Javascript
JavaScript门面模式详解
Oct 19 #Javascript
vue+Java后端进行调试时解决跨域问题的方式
Oct 19 #Javascript
AngularJS的$location使用方法详解
Oct 19 #Javascript
vue-cli 自定义指令directive 添加验证滑块示例
Oct 19 #Javascript
You might like
PHP 和 MySQL 基础教程(四)
2006/10/09 PHP
PHP添加MySQL数据记录代码
2008/06/07 PHP
PHP几个数学计算的内部函数学习整理
2011/08/06 PHP
crontab无法执行php的解决方法
2016/01/25 PHP
thinkphp实现分页显示功能
2016/12/03 PHP
php微信公众平台开发(三)订阅事件处理
2016/12/06 PHP
javascript innerHTML使用分析
2010/12/03 Javascript
jquery插件制作 表单验证实现代码
2012/08/17 Javascript
jQuery基础框架浅入剖析
2012/12/27 Javascript
JS的Document属性和方法小结
2013/09/17 Javascript
js防止表单重复提交的两种方法
2013/09/30 Javascript
Javascript中常见的校验如域名、手机、邮箱等等
2014/01/02 Javascript
纯js实现div内图片自适应大小(已测试,兼容火狐)
2014/06/16 Javascript
使用js复制链接中的部分文字的方法
2015/07/30 Javascript
JavaScript中关于for循环删除数组元素内容时出现的问题
2016/11/21 Javascript
微信小程序进行微信支付的步骤昂述
2016/12/01 Javascript
[03:26]《DAC最前线》之EG经理自述DOTA2经历
2015/02/02 DOTA
Python 列表list使用介绍
2014/11/30 Python
Python处理JSON数据并生成条形图
2016/08/05 Python
Python机器学习k-近邻算法(K Nearest Neighbor)实例详解
2018/06/25 Python
html5的新增的标签和废除的标签简要概述
2013/02/20 HTML / CSS
用HTML5的canvas实现一个炫酷时钟效果
2016/05/20 HTML / CSS
计算机应用毕业生自荐信
2013/10/23 职场文书
大学生自我鉴定
2013/12/08 职场文书
演讲稿开场白
2014/01/13 职场文书
麦当劳辞职信范文
2014/01/18 职场文书
软件部经理岗位职责范本
2014/02/25 职场文书
党的群众路线教育学习材料
2014/05/12 职场文书
交通安全标语
2014/06/06 职场文书
四风问题查摆材料
2014/08/25 职场文书
习总书记三严三实学习心得体会
2014/10/13 职场文书
出纳工作检讨书
2014/10/18 职场文书
新员工考核评语
2014/12/31 职场文书
商场营业员岗位职责
2015/04/14 职场文书
技术转让协议书
2016/03/19 职场文书
导游词之无锡唐城
2019/12/12 职场文书