Vue请求外部接口报错

最新推荐文章于 2024-05-15 22:50:31 发布
最新推荐文章于 2024-05-15 22:50:31 发布
阅读量416 收藏 1
点赞数 1
分类专栏： bug 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/youranswera/article/details/127811224
版权

今天做博客评论功能的时候想实现根据QQ获取用户的头像和昵称,找到接口还挺高兴,发送请求的时候倒霉了
在这里插入图片描述
在这里插入图片描述
明明都已经返回200了还给我爆红,恼火的很
看标识像是跨域问题,捣鼓了半天,觉得应该不是毕竟我之前解决了跨域,看有篇文章说什么要在main.js上加上
axios.defaults.withCredentials = true
我决定反其道改成false,结果它还真就成了
在这里插入图片描述
但我之前的项目可就遭殃了,所以我又搜了下单个方法配置Cookie
在这里插入图片描述
我觉得应该是那边接口禁止携带Cookie来着,猜的,还请评论大神赐教

扣脚丫的喵酱
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue接口请求加密实例
10-14
主要介绍了vue接口请求加密实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Vue项目实战：接口错误拦截与环境设置
01-20
接口错误拦截 场景： 统一报错 未登录拦截 请求值、返回值统一处理 使用axios插件进行拦截: 安装axios npm i axios --save-dev 在main.js文件中加入： import axios from 'axios' import VueAxios from 'vue-axios' axios.defaults.baseURL = '/api'; axios.defaults.timeout = 8000; //接口错误拦截 axios.interceptors.response.use(function(response) { let res = response
关于vue调用接口时产生的跨域问题
weixin_54599299的博客
05-24 6652
在vue项目中，我们会遇到很多调用接口的场景，但是很多小白不知道怎样去处理，今天我们来简单的讲一下这个事情(作为一个小白选手，我也曾被这个简单的问题困扰许久所以想写个帖子作为记录，如果有哪里写的不对的地方请指正)： 什么是跨域 跨域，是源与浏览器的一个同源策略，简单说就是访问的页面域名是 www.a.com，而在此页面中请求接口，请求的是 www.b.com 的接口，出于安全考虑，浏览器默认不允许这样做，便会报错，提示跨域。 当然，如果访问的页面和页面中请求的接口都在一个域名下，就解决跨域了。 解决跨域的方
vue 访问第三方 跨域, 配置vue.config.js
tenc1239的博客
07-05 1690
【代码】vue 访问第三方 跨域, 配置vue.config.js。
Vue3项目使用第三方API报跨域请求错误Access to XMLHttpRequest at ‘*‘ from origin ‘*‘ has been blocked by CORS policy
qq_52208933的博客
02-16 2532
Vue3项目使用第三方API报跨域请求错误Access to XMLHttpRequest at '*' from origin '*' has been blocked by CORS policy
4.Vue-Vue调用第三方接口
玄衣手记
10-16 1862
用vue调用第三方接口
vueJs请求接口获取数据的实现及跨域问题--转载
HJY_Lilyth的博客
04-26 1235
前言 本文基于vue-cli3。 一、通过api接口获取数据 在vuejs中请求接口，大体分为两种方式：vue-source和axios。它们都是经过良好封装的http请求插件。 下文将简单介绍一下使用方法。 1. vue-source 略讲，详情见这篇博客。 安装 首先，安装该插件： npm install vue-source --save 然后，在项目src/main...
前端vue axios调用第三方获取ip定位接口
曲江涛的博客
04-02 1397
在这个例子中，我们首先发送一个GET请求到ipify.org API，以获取用户的IP地址。然后，我们使用该IP地址发送另一个GET请求到ipapi.co API，以获取用户的位置信息。最后，我们将位置信息展示在组件中。请注意，在此示例中，我们没有在Axios请求中使用任何身份验证或API密钥。如果你的API需要身份验证或API密钥，请按照API提供商的文档进行操作。接下来，你可以在Vue组件中使用Axios来发送请求。
前端请求队列，解决多个请求同时请求一个接口导致阻塞的问题
qq_34337333的博客
06-16 2242
但是在实际测试过程中，发现每一个vue文件进入到queryEchartsData后，在执行到getData的时候就不在往下走，而是跳转到下一个vue文件进入queryEchartsData方法，当所有vue文件都进入过queryEchartsData方法后，才会再继续执行getData后面的内容，无语，这个也行不通啊…总归是要解决，最后通过不停的喂ChatGPT，终于是找到了解决办法，使用请求队列和限流，实现一个请求队列，控制并发请求的数量，避免同时发起过多的请求。
vue项目中请求接口的使用,vue前端怎么调用接口
纸尿裤排行
09-15 7400
那么我们可以修改下代码，使其支持自定义模板Vue.component('XSelect',{props:['value','options',{name:'template',default:''}],created(){varoptionTpl=this.templatethis.$options.template=`${optionTpl}`}})用户使用是就可以传入模板了可能存在的问题我们知道Vue在内部帮我们做了许多优化，但是在这里可能会由于某些优化导致动态拼接的模板无法渲染成功。
vue项目中使用vue-i18n报错的解决方法
12-09
然而最近在vue项目中使用vue-i18n的时候，居然报错了，通过查找相关的资料终于找到了解决的方法，下面话不多说了，来一起看看详细的介绍吧 发现问题 iview-admin框架克隆到本地，添加路由的时候，稍不注意就会遇到...
vue如何从接口请求数据
08-30
本篇文章主要介绍了vue如何从接口请求数据 ，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
解决vue 引入子组件报错的问题
10-18
今天小编就为大家分享一篇解决vue 引入子组件报错的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
uni_app+vite+vue3+ts开发小程序，解决getUserProfile()获取用户信息问题
u012941592的博客
09-15 1469
最近开发小程序，开发环境uni_app+vue3等。在获取小程序平台用户信息是报错：我在抖音上查了下错误码：看到这个解释也是瞬间无语了，然后在平台查找错误，找了半天终于在vue2 升级vue3文档里面找到解决办法,官方链接：uni-app官网 (dcloud.io)这里也给出了解释。
Vue学习中的仓库vuex以及其中遇见的错误
Low__Profile的博客
10-31 295
vuex学习过程的一些记录
解决Vue.js中组件无法访问异步数据的问题
fansuper666的博客
09-24 406
在Vue.js应用中，你可能会遇到以下情况：你成功调用了一个异步函数，如从服务器获取数据，但在组件中无法访问到这些数据。这时，你会发现组件中的数据属性仍然保持为空，即使异步操作已经完成。
纯干货！你不知道的Vue错误处理机制
趣谈前端
04-14 1920
阳光明媚的一天，面试官面了一个小伙子。小伙子在介绍项目时，说做了个错误上报机制，前端用的是Vue的错误捕获。这时面试官瞟了一眼简历，一行“熟悉Vue2源码”的字眼印入眼帘。待小伙介绍完后，面试官说不错不错，那你说说Vue的错误处理吧。小伙子双眼一瞪，心想这老铁不按常理出牌，说：这题不会！下一个～面试官：emmm... 行，那就下一个...面试结束，小伙子立马打开Vue源码...
vue调用第三方接口跨域问题(百度地图普通ip定位)
小欧的博客
04-19 2257
vue调用第三方接口跨域问题(百度地图普通ip定位) 简介 axios不支持jsonp，所以需使用其他插件：vue-jsonp。vue-jsonp官网 使用JSONP主要是目的通过动态创建Script，动态拼接url，进而抓取数据，实现跨域。确切地说，AJAX请求由于同源影响，是不允许进行跨域请求的，而Script标签src属性中的链接却可以访问跨域的js脚本，利用这一特性，服务端不再返回JSON格式的数据，而是返回一段调用某个函数的JS代码，在src属性中进行调用，实现跨域。 vue-jsonp官网:
vue3.0+antdv的admin管理系统vue-admin-beautiful推荐
最新发布
独行猫a 的沉淀、积累、总结。天天学习，好好向上...c/c++,嵌入式 linux,Android,HarmonyOS)
05-15 1092
几年前，笔者自学了vue这一优秀的前端框架，但苦于没项目练手，无意间发现了这一优秀的前端集成框架。当时就使用它做了一很有意思的小项目---终端监控云平台，实现了前端和后台的整体功能。整体方案介绍参见博文《》，前端使用vue-admin-beautiful框架，后端使用go-zero微服务框架，几天内就搞出来了一个包含前端和后台的小项目。我的monitor-ui前端运行界面：后续有机会介绍下我这个终端监控云平台小项目的具体实现，挺有意思的。几年前还用到过几个地方的公交客户现场，客户挺喜欢这个功能的。
vue部署到nginx请求post接口报错405 Not Allowed
08-25
针对你的问题，出现 "405 Not Allowed" 错误通常意味着在配置中未正确处理 POST 请求。这个问题可能有几个原因，我将提供一些常见的解决方案供你参考： 1. 确保你的 Nginx 配置文件中已经正确配置了 POST 请求的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值