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 相关文章推荐
js操作Xml(向服务器发送Xml,处理服务器返回的Xml)(IE下有效)
Jan 30 Javascript
原创javascript小游戏实现代码
Aug 19 Javascript
JavaScript ECMA-262-3 深入解析.第三章.this
Sep 28 Javascript
js怎么覆盖原有方法实现重写
Sep 04 Javascript
JavaScript制作淘宝星级评分效果的思路
Jun 23 Javascript
js实现正则匹配中文标点符号的方法
Dec 23 Javascript
jquery.qtip提示信息插件用法简单实例
Jun 17 Javascript
关于JavaScript数组你所不知道的3件事
Aug 24 Javascript
微信小程序 参数传递详解
Oct 24 Javascript
浅谈webpack对样式的处理
Jan 05 Javascript
linux 后台运行node服务指令方法
May 23 Javascript
element-ui组件table实现自定义筛选功能的示例代码
Mar 15 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正则校验用户名介绍
2008/07/19 PHP
php笔记之常用文件操作
2010/10/12 PHP
PHP实现微信网页授权开发教程
2016/01/19 PHP
php制作的简单验证码识别代码
2016/01/26 PHP
详解php伪造Referer请求反盗链资源
2019/01/24 PHP
jQuery EasyUI API 中文文档 - MenuButton菜单按钮使用介绍
2011/10/06 Javascript
js获得鼠标的坐标值的方法
2013/03/13 Javascript
图片延迟加载的实现代码(模仿懒惰)
2013/03/29 Javascript
javascript:;与javascript:void(0)使用介绍
2013/06/05 Javascript
Javascript原型链和原型的一个误区
2014/10/22 Javascript
jquery实现表格本地排序的方法
2015/03/11 Javascript
使用JavaScript脚本判断页面是否在微信中被打开
2016/03/06 Javascript
在vue-cli项目中使用bootstrap的方法示例
2018/04/21 Javascript
nodeJS模块简单用法示例
2018/04/21 NodeJs
jquery ui 实现 tab标签功能示例【测试可用】
2019/07/25 jQuery
关于vue利用postcss-pxtorem进行移动端适配的问题
2019/11/20 Javascript
原生javascript单例模式的应用实例分析
2020/02/23 Javascript
nodejs+express最简易的连接数据库的方法
2020/12/23 NodeJs
通过Python模块filecmp 对文件比较的实现方法
2018/06/29 Python
Python Matplotlib 基于networkx画关系网络图
2019/07/10 Python
python 普通克里金(Kriging)法的实现
2019/12/19 Python
python @propert装饰器使用方法原理解析
2019/12/25 Python
Python 时间戳之获取整点凌晨时间戳的操作方法
2020/01/28 Python
TensorFlow 多元函数的极值实例
2020/02/10 Python
Python GUI编程学习笔记之tkinter界面布局显示详解
2020/03/30 Python
Tensorflow全局设置可见GPU编号操作
2020/06/30 Python
Django修改app名称和数据表迁移方案实现
2020/09/17 Python
小程序canvas中文字设置居中锚点
2019/04/16 HTML / CSS
为智能设备设计个性化保护套网站:caseable
2017/01/05 全球购物
《鱼游到了纸上》教学反思
2014/02/20 职场文书
经济贸易系毕业生求职信
2014/05/31 职场文书
车辆年审委托书范本
2014/09/18 职场文书
2015年乡镇统计工作总结
2015/04/22 职场文书
python中sqllite插入numpy数组到数据库的实现方法
2021/06/21 Python
vue css 相对路径导入问题级踩坑记录
2022/06/05 Vue.js
纯CSS实现一个简单步骤条的示例代码
2022/07/15 HTML / CSS