编程 Javascript

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进行跨域请求的方法

‘/news/lates'对应的是上面ajax请求时的url，target是你真实请求的地址

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持三水点靠木。

vue2.0设置proxyTable使用axios进行跨域请求的方法

- Author -

木知牧之

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js获取多个tagname的节点数组

Sep 22 Javascript

JS使用ajax从xml文件动态获取数据显示的方法

Mar 24 Javascript

js网页滚动条滚动事件实例分析

May 05 Javascript

JS+CSS简单树形菜单实现方法

Sep 12 Javascript

javascript中获取元素标签中间的内容的实现方法

Oct 08 Javascript

jQuery progressbar通过Ajax请求实现后台进度实时功能

Oct 11 Javascript

深入理解JavaScript中的尾调用(Tail Call)

Feb 07 Javascript

JS简单实现数组去重的方法示例

Mar 27 Javascript

Node.js Mongodb 密码特殊字符 @的解决方法

Apr 11 Javascript

在vue中解决提示警告 for循环报错的方法

Sep 28 Javascript

Layui 带多选框表格监听事件以及按钮自动点击写法实例

Sep 02 Javascript

JS数组方法reverse()用法实例分析

Jan 18 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/04 日漫

农民C键的运用技巧

2020/03/04 星际争霸

我的论坛源代码(七)

2006/10/09 PHP

phpfans留言版用到的数据操作类和分页类

2007/01/04 PHP

php实现从ftp服务器上下载文件树到本地电脑的程序

2009/02/10 PHP

解析php中用PHPMailer来发送邮件的示例(126.com的例子)

2013/06/24 PHP

个人写的PHP验证码生成类分享

2014/08/21 PHP

php+jQuery+Ajax简单实现页面异步刷新

2016/08/08 PHP

js实现的网站首页随机公告随机公告

2007/03/14 Javascript

js定义对象或数组直接量时各浏览器对多余逗号的处理(json)

2011/03/05 Javascript

js数组中如何随机取出一个值

2014/06/13 Javascript

ext前台接收action传过来的json数据示例

2014/06/17 Javascript

jQuery多级手风琴菜单实例讲解

2015/10/22 Javascript

跟我学习javascript的严格模式

2015/11/16 Javascript

Bootstrap自定义文件上传下载样式

2016/05/26 Javascript

jQuery中Find选择器用法示例

2016/09/21 Javascript

Bootstrap按钮功能之查询按钮和重置按钮

2016/10/26 Javascript

Vue.js一个文件对应一个组件实践

2016/10/27 Javascript

js实现华丽的九九乘法表效果

2017/03/29 Javascript

Vuex之理解Store的用法

2017/04/19 Javascript

JS中关于正则的巧妙操作

2017/08/31 Javascript

详解vue2.0监听属性的使用心得及搭配计算属性的使用

2018/07/18 Javascript

jquery ui 实现 tab标签功能示例【测试可用】

2019/07/25 jQuery

layui2.0使用table+laypage实现真分页

2019/07/27 Javascript

Python 比较两个数组的元素的异同方法

2017/08/17 Python

python实现用户名密码校验

2020/03/18 Python

美国基督教约会网站：ChristianCafe.com

2020/02/04 全球购物

Java模拟试题

2014/11/10 面试题

工业自动化毕业生自荐信范文

2014/01/04 职场文书

2014年清明节寄语

2014/04/03 职场文书

行政专员岗位职责说明书

2014/07/30 职场文书

班子四风对照检查材料

2014/08/21 职场文书

会计学习心得体会

2014/09/09 职场文书

总经理检讨书

2014/09/15 职场文书

2019年销售人员的职业生涯规划书

2019/03/25 职场文书

Redis keys命令的具体使用

2022/06/05 Redis