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 getBoundingClientRect() 来获取页面元素的位置
Nov 25 Javascript
js Function类型
Dec 04 Javascript
6款新颖的jQuery和CSS3进度条插件推荐
Mar 05 Javascript
JQuery事件e参数的方法preventDefault()取消默认行为
Sep 26 Javascript
js 获取范围内的随机数实例代码
Aug 02 Javascript
纯JS实现轮播图
Feb 22 Javascript
vue-cli开发环境实现跨域请求的方法
Apr 07 Javascript
vue实现后台管理权限系统及顶栏三级菜单显示功能
Jun 19 Javascript
解决layer.confirm选择完之后消息框不消失的问题
Sep 16 Javascript
微信小程序实现多选框全选与反全选及购物车中删除选中的商品功能
Dec 17 Javascript
vscode 插件开发 + vue的操作方法
Jun 05 Javascript
Vue filter 过滤器、以及在table中的使用介绍
Sep 07 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
将文件夹压缩成zip文件的php代码
2009/12/14 PHP
PHP 实现代码复用的一个方法 traits新特性
2015/02/22 PHP
PHP获取用户访问IP地址的5种方法
2016/05/16 PHP
针对多用户实现头像上传功能PHP代码 适用于登陆页面制作
2016/08/17 PHP
PHPCMS忘记后台密码的解决办法
2016/10/30 PHP
使用php实现网站验证码功能【推荐】
2017/02/09 PHP
jQuery Pagination Ajax分页插件(分页切换时无刷新与延迟)中文翻译版
2013/01/11 Javascript
js运动框架_包括图片的淡入淡出效果
2013/05/11 Javascript
浅谈JavaScript字符集
2014/05/22 Javascript
百度地图自定义控件分享
2015/03/04 Javascript
详解jQuery中的empty、remove和detach
2016/04/11 Javascript
Bootstrap每天必学之标签页(Tab)插件
2020/08/09 Javascript
浅析JavaScript回调函数应用
2016/05/22 Javascript
完美解决js传递参数中加号和&amp;号自动改变的方法
2016/10/11 Javascript
jQuery-mobile事件监听与用法详解
2016/11/23 Javascript
纯javaScript、jQuery实现个性化图片轮播【推荐】
2017/01/08 Javascript
javascript常用经典算法详解
2017/01/11 Javascript
原生JS实现幻灯片
2017/02/22 Javascript
vue.js删除动态绑定的radio的指定项
2017/06/02 Javascript
详解微信小程序-扫一扫 wx.scanCode() 扫码大变身
2019/04/30 Javascript
element跨分页操作选择详解
2020/06/29 Javascript
three.js 如何制作魔方
2020/07/31 Javascript
python基础教程之对象和类的实际运用
2014/08/29 Python
使用Turtle画正螺旋线的方法
2017/09/22 Python
Python进程间通信之共享内存详解
2017/10/30 Python
基于Django filter中用contains和icontains的区别(详解)
2017/12/12 Python
python使用RNN实现文本分类
2018/05/24 Python
Pytorch转keras的有效方法,以FlowNet为例讲解
2020/05/26 Python
深入了解Python 变量作用域
2020/07/24 Python
美国排名第一的泳池用品直接来源:In The Swim
2019/09/23 全球购物
教师产假请假条
2014/04/10 职场文书
检讨书怎么写
2015/01/23 职场文书
2015年财政局工作总结
2015/05/21 职场文书
Redis Cluster集群动态扩容的实现
2021/07/15 Redis
Go语言应该什么情况使用指针
2021/07/25 Golang
一篇文章告诉你如何实现Vue前端分页和后端分页
2022/02/18 Vue.js