编程 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日期联动示例

May 02 Javascript

JS生成不重复随机数组的函数代码

Jun 10 Javascript

JavaScript通过使用onerror设置默认图像显示代替alt

Mar 01 Javascript

BootStrap和jQuery相结合实现可编辑表格

Apr 21 Javascript

Vue 中批量下载文件并打包的示例代码

Nov 20 Javascript

Angular angular-file-upload文件上传的示例代码

Aug 23 Javascript

玩转vue的slot内容分发

Sep 22 Javascript

基于Express框架使用POST传递Form数据

Aug 10 Javascript

JavaScript实现横版菜单栏

Mar 17 Javascript

Javascript如何实现扩充基本类型

Aug 26 Javascript

Flexible.js可伸缩布局实现方法详解

Nov 13 Javascript

Vue实现圆环进度条的示例

Feb 06 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

总集篇&特番节目先行播出！《SAO Alicization War of Underworld》第2季度TV动画4月25日放送！

2020/03/06 日漫

一个多文件上传的例子(原创)

2006/10/09 PHP

php UTF8 文件的签名问题

2009/10/30 PHP

PHP图片加水印实现方法

2016/05/06 PHP

php基于单例模式封装mysql类完整实例

2016/10/18 PHP

jquery 事件对象属性小结

2010/04/27 Javascript

jquery ajax学习笔记2 使用XMLHttpRequest对象的responseXML

2011/10/16 Javascript

JavaScript中的类数组对象介绍

2014/12/30 Javascript

js兼容火狐获取图片宽和高的方法

2015/05/21 Javascript

JavaScript基本语法讲解

2015/06/03 Javascript

jquery实现左右无缝轮播图

2020/07/31 Javascript

Javascript简写条件语句(推荐)

2016/06/12 Javascript

JS中关于正则的巧妙操作

2017/08/31 Javascript

layer弹出子iframe层父子页面传值的实现方法

2018/11/22 Javascript

构建大型 Vue.js 项目的10条建议(小结)

2019/11/14 Javascript

vue 翻页组件vue-flip-page效果

2020/02/05 Javascript

JS实现盒子拖拽效果

2020/02/06 Javascript

Vue CLI3移动端适配(px2rem或postcss-plugin-px2rem)

2020/04/27 Javascript

JS实现多选框的操作

2020/06/24 Javascript

浅谈JS for循环中使用break和continue的区别

2020/07/21 Javascript

Angular+ionic实现折叠展开效果的示例代码

2020/07/29 Javascript

[01:38]完美世界DOTA2联赛（PWL）宣传片：第一站

2020/10/26 DOTA

SublimeText 2编译python出错的解决方法（The system cannot find the file specified）

2013/11/27 Python

java中两个byte数组实现合并的示例

2018/05/09 Python

Python笔记之观察者模式

2019/11/20 Python

python中取绝对值简单方法总结

2020/07/24 Python

详解python UDP 编程

2020/08/24 Python

python中用Scrapy实现定时爬虫的实例讲解

2021/01/18 Python

德国药房apodiscounter中文官网：德国排名前三的网上药店

2019/06/03 全球购物

毕业生的求职信范文分享

2013/12/04 职场文书

运动会口号16字

2014/06/07 职场文书

治安消防安全责任书

2014/07/23 职场文书

药房管理制度范本

2015/08/06 职场文书

详解前端任务构建利器Gulp.js使用指南

2021/04/30 Javascript

如何在pycharm中快捷安装pip命令(如pygame)

2021/05/31 Python

人工智能深度学习OpenAI baselines的使用方法

2022/05/20 Python