当前位置: 首页 > 编程笔记 >

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

呼延俊风
2023-03-14
本文向大家介绍vue2.0设置proxyTable使用axios进行跨域请求的方法,包括了vue2.0设置proxyTable使用axios进行跨域请求的方法的使用技巧和注意事项,需要的朋友参考一下

这里请求的是知乎日报的api,由@izzyleung这位大神提供的,这是github地址。

在vue-cli构建的项目中先安装axios

npm install axios -S

这里暂不考虑用vuex封装的方式,只讲在当前组件中直接使用。

先在<script>中引入

用prototype将axios添加为vue原生的属性,$ajax相当于axios的别名。

然后在要调用的方法或是钩子中请求,$ajax就是上面注册的axios,如果想直接用axios不想设置prototype也可以直接按官方的文档来写

vue在配置文件中提供了proxyTable来设置跨域,在config文件夹的index.js文件中

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍vue-cli 3.x 配置Axios(proxyTable)跨域代理方法,包括了vue-cli 3.x 配置Axios(proxyTable)跨域代理方法的使用技巧和注意事项,需要的朋友参考一下 vue-cli 3.x 的beta版本,基于iview做的公司的角色权限管理平台。 3.x 版本对整个项目的构建都有很大的改动,没有原先的config文件夹,没有dev.env.js和pr

  • 问题内容: 我想用以下代码用jquery ajax解析JSON数组数据: 我的JSON数据是: 但是我没有任何输出…任何人请帮忙… 问题答案: 概念解释 您是否正在尝试进行跨域AJAX调用?意思是,您的服务不在同一Web应用程序路径中托管吗?您的Web服务必须支持方法注入才能执行JSONP。 您的代码看起来不错,并且如果您的Web服务和Web应用程序托管在同一域中,则该代码应该可以正常工作。 当您

  • 本文向大家介绍vue2.0 axios跨域并渲染的问题解决方法,包括了vue2.0 axios跨域并渲染的问题解决方法的使用技巧和注意事项,需要的朋友参考一下 (用的脚手架vue-cli) 第一步: 在main.js中如下声明使用 那么在其他vue组件中就可以this.$axios调用使用 第二步:在webpack配置一下proxyTable(config之下的index.js) 第三步: 试一下

  • 本文向大家介绍详解Vuejs2.0 如何利用proxyTable实现跨域请求,包括了详解Vuejs2.0 如何利用proxyTable实现跨域请求的使用技巧和注意事项,需要的朋友参考一下 前言: 本地项目在请求远端服务器接口时,不可避免的会遇到跨域问题,即便是设置了Access-Control-Allow-Origin:* ,在遇到登录这些需要本地存入cookie的也会很头痛,这里笔者介绍一个在v

  • 我想显示数据从API使用angularJS。当在同一台电脑上运行代码时,这段代码工作正常。但是当我试图在另一台电脑上测试时,它显示错误,请求的资源上没有访问控制允许来源的标头。angularjs 我使用的是1.4.8 这是我的密码:

  • 本文向大家介绍jQuery.ajax 跨域请求webapi设置headers的解决方案,包括了jQuery.ajax 跨域请求webapi设置headers的解决方案的使用技巧和注意事项,需要的朋友参考一下 解决跨域调用服务并设置headers 主要的解决方法需要通过服务器端设置响应头、正确响应options请求,正确设置 JavaScript端需要设置的headers信息 方能实现。 1.第一步