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 相关文章推荐
用innerhtml提高页面打开速度的方法
Aug 02 Javascript
编写高效jQuery代码的4个原则和5个技巧
Apr 24 Javascript
深入理解JavaScript系列(26):设计模式之构造函数模式详解
Mar 03 Javascript
解决node-webkit 不支持html5播放mp4视频的方法
Mar 11 Javascript
jquery把int类型转换成字符串类型的方法
Oct 07 Javascript
微信小程序实现根据字母选择城市功能
Aug 16 Javascript
React Native中Navigator的使用方法示例
Oct 13 Javascript
vue 自定义 select内置组件
Apr 10 Javascript
微信小程序实现刷脸登录
May 25 Javascript
对Vue table 动态表格td可编辑的方法详解
Aug 28 Javascript
实例分析编写vue组件方法
Feb 12 Javascript
关于Vue中axios的封装实例详解
Oct 20 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
《超神学院》霸气归来, 天使彦上演维多利亚的秘密
2020/03/02 国漫
php采集内容中带有图片地址的远程图片并保存的方法
2015/01/03 PHP
smarty内置函数{loteral}、{ldelim}和{rdelim}用法实例
2015/01/22 PHP
PHP文件操作实例总结
2016/09/27 PHP
PHP实现的简单留言板功能示例【基于thinkPHP框架】
2018/12/07 PHP
PHP类与对象后期静态绑定操作实例详解
2018/12/20 PHP
laravel框架邮箱认证实现方法详解
2019/11/22 PHP
用JavaScript事件串连执行多个处理过程的方法
2007/03/09 Javascript
神奇的代码 通杀各种网站-可随意修改复制页面内容
2008/07/17 Javascript
angular2中router路由跳转navigate的使用与刷新页面问题详解
2017/05/07 Javascript
详解jQuery中关于Ajax的几个常用的函数
2017/07/17 jQuery
vue插件vue-resource的使用笔记(小结)
2017/08/04 Javascript
javaScript手机号码校验工具类PhoneUtils详解
2017/12/08 Javascript
JavaScript实现简单的文本逐字打印效果示例
2018/04/12 Javascript
解决vue中使用Axios调用接口时出现的ie数据处理问题
2018/08/13 Javascript
JavaScript函数式编程(Functional Programming)纯函数用法分析
2019/05/22 Javascript
后台使用freeMarker和前端使用vue的方法及遇到的问题
2019/06/13 Javascript
JS中间件设计模式的深入探讨与实例分析
2020/04/11 Javascript
python将图片文件转换成base64编码的方法
2015/03/14 Python
python获取局域网占带宽最大3个ip的方法
2015/07/09 Python
Python 模拟购物车的实例讲解
2017/09/11 Python
python爬取淘宝商品详情页数据
2018/02/23 Python
Python的几种主动结束程序方式
2019/11/22 Python
Python tkinter 下拉日历控件代码
2020/03/04 Python
Android Q之气泡弹窗的实现示例
2020/06/23 Python
Python基于traceback模块获取异常信息
2020/07/23 Python
Python 爬虫的原理
2020/07/30 Python
eBay荷兰购物网站:eBay.nl
2020/06/26 全球购物
CSS代码检查工具stylelint的使用方法详解
2021/03/27 HTML / CSS
写演讲稿要注意的六件事
2014/01/14 职场文书
麦当劳辞职信范文
2014/01/18 职场文书
学习经验演讲稿
2014/05/10 职场文书
工作失职检讨书500字
2014/10/17 职场文书
高三复习计划
2015/01/19 职场文书
小学少先队活动总结
2015/05/08 职场文书
微信小程序基础教程之echart的使用
2021/06/01 Javascript