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 相关文章推荐
Extjs学习笔记之六 面版
Jan 08 Javascript
jQuery实现径向动画菜单效果
Jul 17 Javascript
JS模仿手机端九宫格登录功能实现代码
Apr 28 Javascript
jQuery EasyUI 入门必看
Jun 03 Javascript
JS实现JSON.stringify的实例代码讲解
Feb 07 Javascript
微信小程序 共用变量值的实现
Jul 12 Javascript
vue自定义过滤器创建和使用方法详解
Nov 06 Javascript
详解Vue.js v-for不支持IE9的解决方法
Dec 29 Javascript
vue多次循环操作示例
Feb 08 Javascript
vue cli使用融云实现聊天功能的实例代码
Apr 19 Javascript
taro开发微信小程序的实践
May 21 Javascript
超详细小程序定位地图模块全系列开发教学
Nov 24 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 关于访问控制的和运算符优先级介绍
2013/07/08 PHP
php5.5中类级别的常量使用介绍
2013/10/02 PHP
php实现zip压缩文件解压缩代码分享(简单易懂)
2014/05/10 PHP
php基于mcrypt_encrypt和mcrypt_decrypt实现字符串加密解密的方法
2016/07/12 PHP
php mysql_real_escape_string addslashes及mysql绑定参数防SQL注入攻击
2016/12/23 PHP
Yii2实现UploadedFile上传文件示例
2017/02/15 PHP
javascript利用初始化数据装配模版的实现代码
2010/11/17 Javascript
js操作textarea 常用方法总结
2012/12/03 Javascript
ScrollDown的基本操作示例
2013/06/09 Javascript
Google Dart编程语法和基本类型学习教程
2013/11/27 Javascript
javascript中sort()的用法实例分析
2015/01/30 Javascript
JS使用parseInt解析数字实现求和的方法
2015/08/05 Javascript
JS简单实现无缝滚动效果实例
2016/08/24 Javascript
jQuery实现动态加载select下拉列表项功能示例
2018/05/31 jQuery
React 使用Hooks简化受控组件的状态绑定
2019/03/18 Javascript
微信小程序使用蓝牙小插件
2019/09/23 Javascript
python Django框架实现自定义表单提交
2016/03/25 Python
Python随机数用法实例详解【基于random模块】
2017/04/18 Python
python 寻找优化使成本函数最小的最优解的方法
2017/12/28 Python
Windows下安装Django框架的方法简明教程
2018/03/28 Python
解决新django中的path不能使用正则表达式的问题
2018/12/18 Python
python 实现视频流下载保存MP4的方法
2019/01/09 Python
使用Python opencv实现视频与图片的相互转换
2019/07/08 Python
Python及Pycharm安装方法图文教程
2019/08/05 Python
详解python中*号的用法
2019/10/21 Python
Python 格式化输出_String Formatting_控制小数点位数的实例详解
2020/02/04 Python
Python爬虫之Selenium库的使用方法
2021/01/03 Python
matplotlib对象拾取事件处理的实现
2021/01/14 Python
解决pytorch 保存模型遇到的问题
2021/03/03 Python
涂鸦板简单实现 Html5编写属于自己的画画板
2016/07/05 HTML / CSS
优衣库英国官网:UNIQLO英国
2016/12/25 全球购物
英国最大的专业户外零售商:Mountain Warehouse
2018/06/06 全球购物
中级会计大学生职业生涯规划书
2014/09/16 职场文书
2014国庆节标语口号
2014/09/19 职场文书
留学推荐信中文范文
2015/03/26 职场文书
2015年度学校应急管理工作总结
2015/10/22 职场文书