编程 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 相关文章推荐

Javascript模板技术

Apr 27 Javascript

js 判断 enter 事件

Feb 12 Javascript

清空上传控件input file的值

Jul 03 Javascript

window.name代替cookie的实现代码

Nov 28 Javascript

jqPlot 图表中文API使用文档及源码和在线示例

Feb 07 Javascript

JavaScript立即执行函数的三种不同写法

Sep 05 Javascript

JavaScript中return用法示例

Nov 29 Javascript

原生js实现仿window10系统日历效果的实例

Oct 31 Javascript

vue中使用element-ui进行表单验证的实例代码

Jun 22 Javascript

JS插件clipboard.js实现一键复制粘贴功能

Dec 04 Javascript

利用angular自动编译andriod APK的绕坑经历分享

Mar 08 Javascript

vue-router的钩子函数用法实例分析

Oct 26 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对象Object的概念介绍

2012/06/14 PHP

PHP编程计算日期间隔天数的方法

2017/04/26 PHP

php远程请求CURL实例教程（爬虫、保存登录状态）

2020/12/10 PHP

原生js 秒表实现代码

2012/07/24 Javascript

js 得到文件后缀(通过正则实现)

2013/07/08 Javascript

js定时器怎么写？就是在特定时间执行某段程序

2013/10/11 Javascript

javascript中创建对象的几种方法总结

2013/11/01 Javascript

JS复制内容到剪切板的实例代码(兼容IE与火狐)

2013/11/19 Javascript

JS模拟酷狗音乐播放器收缩折叠关闭效果代码

2015/10/29 Javascript

jQuery移动端图片上传组件

2016/06/12 Javascript

canvas实现流星雨的背景效果

2017/01/13 Javascript

JS实现动态修改table及合并单元格的方法示例

2017/02/20 Javascript

微信小程序canvas写字板效果及实例

2017/06/15 Javascript

浅析Vue项目中使用keep-Alive步骤

2018/07/27 Javascript

详解一个小实例理解js原型和继承

2019/04/24 Javascript

微信小程序封装自定义弹窗的实现代码

2019/05/08 Javascript

vue组件传值的实现方式小结【三种方式】

2020/02/05 Javascript

微信分享invalid signature签名错误踩过的坑

2020/04/11 Javascript

vue项目中自定义video视频控制条的实现代码

2020/04/26 Javascript

Vant Weapp组件踩坑:picker的初始赋值解决

2020/11/12 Javascript

vue集成一个支持图片缩放拖拽的富文本编辑器

2021/01/29 Vue.js

[03:59]第二届DOTA2亚洲邀请赛选手传记-VGJ.rOtk

2017/04/03 DOTA

Python中的 sort 和 sorted的用法与区别

2019/08/10 Python

python编写计算器功能

2019/10/25 Python

使用Python刷淘宝喵币（低阶入门版）

2019/10/30 Python

html5开发三八女王节表白神器

2018/03/07 HTML / CSS

雪花秀美国官方网站：韩国著名草本护肤化妆品品牌

2016/10/19 全球购物

MYSQL相比于其他数据库有哪些特点

2013/07/19 面试题

市场部管理制度

2014/02/02 职场文书

个人三严三实对照检查材料

2014/09/25 职场文书

2014年护理工作总结范文

2014/11/14 职场文书

中英文求职信范文

2015/03/19 职场文书

少年的你：世界上没有如果，要在第一次就勇敢的反抗

2019/11/20 职场文书

css背景和边框标签实例详解

2021/05/21 HTML / CSS

Pytest中skip和skipif的具体使用方法

2021/06/30 Python

Python自动化工具之实现Excel转Markdown表格

2022/04/08 Python