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 相关文章推荐
JavaScript组件焦点与页内锚点间传值的方法
Feb 02 Javascript
JavaScript生成的动态下雨背景效果实现方法
Feb 25 Javascript
jquery实现TAB选项卡鼠标经过带延迟效果的方法
Jul 27 Javascript
jquery实现初次打开有动画效果的网页TAB切换代码
Sep 06 Javascript
jQuery实现背景弹性滚动的导航效果
Jun 01 Javascript
JavaScript中ES6字符串扩展方法
Aug 26 Javascript
Angularjs实现带查找筛选功能的select下拉框示例代码
Oct 04 Javascript
javascript self对象使用详解
Oct 18 Javascript
解析微信JS-SDK配置授权,实现分享接口
Dec 09 Javascript
Vue 滚动行为的具体使用方法
Sep 13 Javascript
ReactNative中使用Redux架构总结
Dec 15 Javascript
一小时迅速入门Mybatis之bind与多数据源支持 Java API
Sep 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代码 用PHP写出自己的BLOG系统
2010/04/12 PHP
php三维数组去重(示例代码)
2013/11/26 PHP
async和DOM Script文件加载比较
2014/07/20 PHP
护卫神php套件 php版本升级方法(php5.5.24)
2015/05/10 PHP
浅谈php使用curl模拟多线程发送请求
2019/03/08 PHP
基于JQuery.timer插件实现一个计时器
2010/04/25 Javascript
基于jQuery实现下拉收缩(展开与折叠)特效
2012/12/25 Javascript
javascript中兼容主流浏览器的动态生成iframe方法
2014/05/05 Javascript
用nodejs的实现原理和搭建服务器(动态)
2016/08/10 NodeJs
AngularJS教程之简单应用程序示例
2016/08/16 Javascript
AngularJS 模块化详解及实例代码
2016/09/14 Javascript
Bootstrap源码解读下拉菜单(4)
2016/12/23 Javascript
JS利用cookies设置每隔24小时弹出框
2017/04/20 Javascript
基于vue cli 通过命令行传参实现多环境配置
2018/07/12 Javascript
js canvas实现红包照片效果
2018/08/21 Javascript
搭建Vue从Vue-cli到router路由护卫的实现
2019/11/14 Javascript
[43:58]DOTA2上海特级锦标赛C组败者赛 Newbee VS Archon第二局
2016/02/27 DOTA
[47:36]Optic vs Newbee 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
[46:21]Liquid vs LGD 2018国际邀请赛淘汰赛BO3 第一场 8.23
2018/08/24 DOTA
Python写的一个简单DNS服务器实例
2014/06/04 Python
Python搭建APNS苹果推送通知推送服务的相关模块使用指南
2016/06/02 Python
基于python时间处理方法(详解)
2017/08/14 Python
Python实现读取及写入csv文件的方法示例
2018/01/12 Python
Python利用Django如何写restful api接口详解
2018/06/08 Python
pandas DataFrame 删除重复的行的实现方法
2019/01/29 Python
利用CSS3伪元素实现逐渐发光的方格边框
2017/05/07 HTML / CSS
俄罗斯有趣和原创礼物网上商店:MagicMag
2019/08/01 全球购物
美国鲜花递送:UrbanStems
2021/01/04 全球购物
C/C++有关内存的思考题
2015/12/04 面试题
同学聚会老师邀请函
2014/01/28 职场文书
思想作风纪律整顿心得体会
2014/09/04 职场文书
社区学习党的群众路线教育实践活动心得体会
2014/11/03 职场文书
制定企业培训计划的五大要点!
2019/07/10 职场文书
Filebeat 采集 Nginx 日志的方法
2021/03/31 Servers
如何用PHP websocket实现网页实时聊天
2021/05/26 PHP
MySQL不使用order by实现排名的三种思路总结
2021/06/02 MySQL