编程 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中的对象化编程

Jan 16 Javascript

SWFObject Flash js调用类

Jul 08 Javascript

精通Javascript系列之数值计算

Jun 07 Javascript

javascript的document.referrer浏览器支持、失效情况总结

Jul 18 Javascript

node.js中的buffer.Buffer.byteLength方法使用说明

Dec 10 Javascript

jQuery中outerWidth()方法用法实例

Jan 19 Javascript

jquery实现经典的淡入淡出选项卡效果代码

Sep 22 Javascript

jQuery插件dataTables添加序号列的方法

Jul 06 Javascript

运用js教你轻松制作html音乐播放器

Apr 17 Javascript

Vue.js手风琴菜单组件开发实例

May 16 Javascript

JavaScript日期工具类DateUtils定义与用法示例

Sep 03 Javascript

JS绘图Flot应用图形绘制异常解决方案

Oct 16 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

修改Zend引擎实现PHP源码加密的原理及实践

2008/04/14 PHP

PHP内核探索：变量存储与类型使用说明

2014/01/30 PHP

php实现parent调用父类的构造方法与被覆写的方法

2015/02/11 PHP

Docker 如何布置PHP开发环境

2016/06/21 PHP

PHP实现接收二进制流转换成图片的方法

2017/01/10 PHP

PHP常用函数之base64图片上传功能详解

2019/10/21 PHP

javascript 获取网页参数系统

2008/07/19 Javascript

网页开发中的容易忽略的问题 javascript HTML中的table

2009/04/15 Javascript

JavaScript 验证浏览器是否支持javascript的方法小结

2009/05/17 Javascript

打造基于jQuery的高性能TreeView(asp.net)

2011/02/23 Javascript

Jquery 一次处理多个ajax请求的代码

2011/09/02 Javascript

js三种排序算法分享

2012/08/16 Javascript

判断iframe里的页面是否加载完成

2014/06/06 Javascript

详解JavaScript中this关键字的用法

2016/05/26 Javascript

jQuery ajaxSubmit 实现ajax提交表单局部刷新

2016/07/04 Javascript

jQuery实现鼠标滑过图片移动特效

2016/12/08 Javascript

Node.js操作redis实现添加查询功能

2017/05/25 Javascript

Vue.js如何实现路由懒加载浅析

2017/08/14 Javascript

javascript 中事件冒泡和事件捕获机制的详解

2017/09/01 Javascript

使用vue + less 实现简单换肤功能的示例

2018/02/21 Javascript

vue+element实现批量删除功能的示例

2018/02/28 Javascript

Vue.js实现双向数据绑定方法(表单自动赋值、表单自动取值)

2018/08/27 Javascript

JS+HTML5 Canvas实现简单的写字板功能示例

2018/08/30 Javascript

VUE2.0 ElementUI2.0表格el-table自适应高度的实现方法

2018/11/28 Javascript

基于elementUI实现图片预览组件的示例代码

2019/03/31 Javascript

实践Python的爬虫框架Scrapy来抓取豆瓣电影TOP250

2016/01/20 Python

详解设计模式中的工厂方法模式在Python程序中的运用

2016/03/02 Python

Python如何实现MySQL实例初始化详解

2017/11/06 Python

解决Django中checkbox复选框的传值问题

2020/03/31 Python

Jupyter Notebook 文件默认目录的查看以及更改步骤

2020/04/14 Python

Manduka官网：瑜伽垫、瑜伽毛巾和服装

2018/07/02 全球购物

商场拾金不昧表扬信

2014/01/13 职场文书

护士见习期自我鉴定

2014/02/08 职场文书

元旦趣味活动方案

2014/08/22 职场文书

2014年营销工作总结

2014/11/22 职场文书

七年级作文（600字3篇）

2019/09/24 职场文书