编程 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显示时间 js显示最后修改时间

Jan 02 Javascript

js如何获取object类型里的键值

Feb 18 Javascript

Jquery实现点击按钮,连续地向textarea中添加值的实例代码

Mar 08 Javascript

jQuery 中国省市两级联动选择附图

May 14 Javascript

jquery实现漂亮的二级下拉菜单代码

Aug 26 Javascript

jQuery选择器及jquery案例详解(必看)

May 20 Javascript

javascript 显示全局变量与隐式全局变量的区别

Feb 09 Javascript

将angular.js项目整合到.net mvc中的方法详解

Jun 29 Javascript

详解Angular2学习笔记之Html属性绑定

Jan 03 Javascript

mpvue小程序仿qq左滑置顶删除组件

Aug 03 Javascript

vscode 开发Vue项目的方法步骤

Nov 25 Javascript

微信小程序云开发之数据库操作

May 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

php SQL Injection with MySQL

2011/02/27 PHP

PHP CURL中传递cookie的方法步骤

2019/05/09 PHP

5 cool javascript apps

2007/03/24 Javascript

超精准的javascript验证身份证号的具体实现方法

2015/11/18 Javascript

用jQuery.ajaxSetup实现对请求和响应数据的过滤

2016/12/20 Javascript

vue.js的安装方法

2017/05/12 Javascript

javascript基于牛顿迭代法实现求浮点数的平方根【递归原理】

2017/09/28 Javascript

jquery实现左右轮播切换效果

2018/01/01 jQuery

Vue精简版风格指南（推荐）

2018/01/30 Javascript

vue项目中应用ueditor自定义上传按钮功能

2018/04/27 Javascript

Vue在页面数据渲染完成之后的调用方法

2018/09/11 Javascript

移动端底部导航固定配合vue-router实现组件切换功能

2019/06/13 Javascript

详解基于 Node.js 的轻量级云函数功能实现

2019/07/08 Javascript

[01:00:22]DOTA2-DPC中国联赛定级赛 LBZS vs Magma BO3第三场 1月10日

2021/03/11 DOTA

Python中使用OpenCV库来进行简单的气象学遥感影像计算

2016/02/19 Python

Python Requests安装与简单运用

2016/04/07 Python

使用Python脚本和ADB命令实现卸载App

2017/02/10 Python

python实现各进制转换的总结大全

2017/06/18 Python

python pandas 组内排序、单组排序、标号的实例

2018/04/12 Python

python实现石头剪刀布小游戏

2021/01/20 Python

python-itchat 统计微信群、好友数量,及原始消息数据的实例

2019/02/21 Python

Django对接支付宝实现支付宝充值金币功能示例

2019/12/17 Python

如何用Python 加密文件

2020/09/10 Python

css3动画事件—webkitAnimationEnd与计时器time事件

2013/01/31 HTML / CSS

W3C公布最新的HTML5标准草案

2008/10/17 HTML / CSS

HTML4和HTML5之间除了相似以外的10个主要不同

2012/12/13 HTML / CSS

华为消费者德国官方网站：HUAWEI德国

2020/11/03 全球购物

List、Map、Set三个接口，存取元素时，各有什么特点？

2015/09/27 面试题

函授教育个人学习的自我评价

2013/12/31 职场文书

公司离职证明范本

2014/01/13 职场文书

《北大荒的秋天》教学反思

2014/04/14 职场文书

爱护公共设施演讲稿

2014/09/13 职场文书

中学生旷课检讨书2篇

2014/10/09 职场文书

2014年医生工作总结

2014/11/21 职场文书

2014年教育工作总结

2014/11/26 职场文书

22句经典语录：送给优柔寡断和胡思乱想的朋友们

2019/12/13 职场文书