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有关元素内容操作小结
Dec 20 Javascript
javascript上传图片前预览图片兼容大多数浏览器
Oct 25 Javascript
Javascript代码实现仿实例化类
Apr 03 Javascript
javascript实现表格增删改操作实例详解
May 15 Javascript
原生js页面滚动延迟加载图片
Dec 20 Javascript
js实现千分符和保留几位小数的简单实例
Aug 01 Javascript
JS简单获取当前日期和农历日期的方法
Apr 17 Javascript
基于vue2.0实现的级联选择器
Jun 09 Javascript
vue.js中$set与数组更新方法
Mar 08 Javascript
JS通过位运算实现权限加解密
Aug 14 Javascript
vue3.0中的双向数据绑定方法及优缺点
Aug 01 Javascript
vue+flask实现视频合成功能(拖拽上传)
Mar 04 Vue.js
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
星际争霸 Starcraft 发展史
2020/03/14 星际争霸
php适配器模式介绍
2012/08/14 PHP
php使用异或实现的加密解密实例
2013/09/04 PHP
php读取大文件示例分享(文件操作类)
2014/04/13 PHP
php搜索文件程序分享
2015/10/30 PHP
Joomla语言翻译类Jtext用法分析
2016/05/05 PHP
php版微信公众平台之微信网页登陆授权示例
2016/09/23 PHP
详解php用curl调用接口方法,get和post两种方式
2017/01/13 PHP
PHP实现在windows下配置sendmail并通过mail()函数发送邮件的方法
2017/06/20 PHP
JavaScript中的ParseInt(&quot;08&quot;)和“09”返回0的原因分析及解决办法
2016/05/19 Javascript
jquery表单插件Autotab使用方法详解
2016/06/24 Javascript
关于两个jQuery(js)特效冲突的bug的解决办法
2016/09/04 Javascript
Javascript之面向对象--接口
2016/12/02 Javascript
Angular.js跨controller实现参数传递的两种方法
2017/02/20 Javascript
vue中的非父子间的通讯问题简单的实例代码
2017/07/19 Javascript
JS计算斐波拉切代码实例
2019/09/12 Javascript
解决layui的radio属性或别的属性没显示出来的问题
2019/09/26 Javascript
vue-resource post数据时碰到Django csrf问题的解决
2020/03/13 Javascript
JavaScript十大取整方法实例教程
2020/12/03 Javascript
Python基于pygame实现的font游戏字体(附源码)
2015/11/11 Python
python 调用c语言函数的方法
2017/09/29 Python
对python numpy数组中冒号的使用方法详解
2018/04/17 Python
Python3 使用pillow库生成随机验证码
2019/08/26 Python
在 Jupyter 中重新导入特定的 Python 文件(场景分析)
2019/10/27 Python
python批量处理txt文件的实例代码
2020/01/13 Python
Pytorch mask_select 函数的用法详解
2020/02/18 Python
python两种注释用法的示例
2020/10/09 Python
Python中return函数返回值实例用法
2020/11/19 Python
HTML5使用Audio标签实现歌词同步的效果
2016/03/17 HTML / CSS
html5的新增的标签和废除的标签简要概述
2013/02/20 HTML / CSS
美国婚礼礼品网站:MyWeddingFavors
2018/09/26 全球购物
搞笑创意广告语
2014/03/17 职场文书
社区活动总结范文
2015/05/07 职场文书
花田少年史观后感
2015/06/16 职场文书
《废话连篇——致新手》——chinapizza
2022/04/05 无线电
基于PyQt5制作一个群发邮件工具
2022/04/08 Python