Vue3中用axios发送doGet请求时，前后端不报错，不显示任何信息。【坑】

最新推荐文章于 2024-12-03 08:36:17 发布
最新推荐文章于 2024-12-03 08:36:17 发布
阅读量266 收藏
点赞数 1
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Zh_boss/article/details/140544429
版权

首先发送请求时：

        

url地址后多使用了 “/” 间隔 。

导致后端接收时无法接收到参数。

解决：去掉后面的 “/” 使得url后部以路径结尾 例如："api/getMarketRemark"


                

        

    

  


    

      

        

            

              
                
                  Zh_Boss...
                
              
            

            

                关注
              
            

        

        

          
      

      









                



	

		

			

				
					
Vue请求服务失败不显示错误提示解决方法

				
			

			

				

					DevScribe的博客
				

				

					10-03
					
					908
					
				

			

		

		

			
				
在Vue应用中，处理请求失败并显示错误提示是一个常见的需求。通过创建axios实例，并在请求拦截器和响应拦截器中处理错误，我们可以实现统一的错误提示功能。在需要发送请求的地方，我们使用创建的axios实例来发起请求，并处理可能的错误。在请求错误时，我们可以使用Vue的弹窗组件（如Element UI中的Message组件）来显示错误提示。在Vue开发中，当我们发起异步请求到后端服务时，有时会遇到请求失败但没有弹出错误提示的情况。通过以上步骤，我们可以在请求失败时显示错误提示，帮助开发者快速定位和解决问题。

			
		

	



                

            
              



	

		

			

				
					
vue2/3 - 使用mock模拟数据，axios发送请求时报错Request failed with status code 404报错，请求数据报错404，vue mock.js 报错详细解决！

				
			

			

				

					高级前端工程师
				

				

					07-10
					
					2299
					
				

			

		

		

			
				
vue，nuxt，mock，插件，模拟请求接口数据，报错，用mockjs模拟数据，axios发送get请求时出错，路径没问题为什么会404，接口地址没有错，请求数据报错404，http请求出现了问题，axios，详细解决教程，404，mock.js请求数据报错404，vue报错解决，浏览器，请求，URL请求地址，正确，错误，Request failed with status code 404，vue报错解决:mock.js请求数据报错404_vue中使用mockjs没有数据，vue-cli中mock本地j

			
		

	



              


  
              

                


	

		

			

				
					
vue中当前端请求后端接口时，可以请求成功，状态是200，但是后端缺拿不到请求参数，返回的数据为空。

				
			

			

				

					W78955的博客
				

				

					04-20
					
					3609
					
				

			

		

		

			
				
vue中当前端请求后端接口时，可以请求成功，状态是200，但是后端缺拿不到请求参数，返回的数据为空。

			
		

	





	

		

			

				
					
Vue向后台接口传参为什么会出错或者传不过去?

				
			

			

				

					Heby的博客
				

				

					07-29
					
					2889
					
				

			

		

		

			
				
首先,你要确定传参的数据类型,这个后台一般会说,不仔细说明

其次,传参的方法出错了(重点说这个) 当你获取接口的方法为post的时候,你传参的方法可以是data或者params两种方法之一,但是你获取接口的方法是get时候,你只能通过params进行传参








...

			
		

	



		

			
		



	

		

			

				
					
vue基础前端3

				
			

			

				

					simile_meng的博客
				

				

					07-02
					
					65
					
				

			

		

		

			
				
前端页面开发完成，需要后端调试接口，但是后端接口(还在优化中)还没有发布到测试环境，怎么连后端同事的电脑在他本地环境中调用接口呢？这样子一份简单的上传业务文件就做好了，功能点比较简答，需要的话也可以自己添加input输入属性等。调用接口发现接口路径的ip是对方本机的ip, 这样就可以连接对方电脑调试接口了。说明：只需要在此文件中，配置后端的接口路径即可，其他的不用管，这里的host和port是你本地前端服务启动的主机和端口号。打开前端代理配置文件：config/index.js。在浏览器地址栏打开即可，

			
		

	





	

		

			

				
					
axios POST请求报错：Uncaught (in promise) Error: Request failed with status code 415以及400 (Bad Request)

				
			

			

				

					weixin_42650595的博客
				

				

					12-17
					
					2万+
					
				

			

		

		

			
				
最近学习了React，想拿React来重构之前做的一个Vue项目，在重构的过程中，便发现了一件奇怪的事情，百思不得其解。
axios POST 请求
首先我测试了登录接口，由于之前在实习的时候看到公司的前端接口代码都是封装好的，感觉这种封装的编码规范非常好，所以我便学习了一下怎么封装axios接口，并写了一个，代码如下所示：
import axios from 'axios'

function requestMethod({
  url,
  method,
  data = {},
  headers 

			
		

	





	

		

			

				
					
vue3中封装axios请求

				
			

			

				

					前端-尔嵘
				

				

					03-16
					
					4876
					
				

			

		

		

			
				
需要注意的是，在实际应用中，我们可能还需要根据业务需求进一步封装不同类型的请求，例如 GET 请求、POST 请求等，以及处理请求错误等情况。

			
		

	





	

		

			

				
					
解决在Vue中使用axios POST请求变成OPTIONS的问题

				
			

			

				

					01-19
				

			

		

		

			
				
POST请求变成OPTIONS ...补充知识：axios发起请求，为什么先发送options请求，再发送get/post请求  引起原因 1，跨域； 2，请求头非默认情况。 默认请求头如下  Accept Accept-Language Content-Language Last-Eve

			
		

	





	

		

			

				
					
vue3【使用axios并封装axios请求】

				
			

			

				

					蜗牛~~
				

				

					05-12
					
					3104
					
				

			

		

		

			
				
由于 Vue3中，在setup中无法通过this获取组件实例，console.log(this)打印出来的值是undefined。1、我们可以通过window.location.protocol和window.location.host获取协议和主机ip端口，然后统一设置axios的默认请求baseURL。来绑定的，例如 Vue.prototype.$toast = Toast。proxy是getCurrentInstance()对象中的一个属性，然后通过对象的解构赋值方式拿到proxy。

			
		

	





	

		

			

				
					
「Vue3系列」Vue3 Axios详解

				
			

			

				

					日常笔记/总结/系列知识梳理
				

				

					03-07
					
					1766
					
				

			

		

		

			
				
这是响应体的结果，也就是服务器返回的数据。：这是生成此响应的请求，也就是 Axios 在发送请求时所创建的原生的 AJAX 请求对象。：这是响应的 HTTP 状态信息，是一个字符串，描述了状态码的含义，如 ‘OK’、‘Not Found’ 等。通过使用拦截器，你可以更加灵活地控制 Axios 的请求和响应处理流程，提高代码的可维护性和可扩展性。：这是响应的头信息，所有的 header 名称都是小写，可以使用方括号语法访问，例如。：这是 Axios 请求的配置信息，包括请求类型、请求的 URL、请求体等。

			
		

	





	

		

			

				
					
Vue开发使用Axios遇到了大坑！

				
			

			

				

					weixin_44542399的博客
				

				

					04-25
					
					937
					
				

			

		

		

			
				
使用Vue的axios连接部分正常，部分不正常，服务器状态码200，服务器端控制台也不报错。但是页面请求就是报错。使用iPhone手机报错，换华为安卓手机也是一样的报错，安卓手机不知道怎么调试，使用macOS的Safari浏览器可以调试iPhone手机浏览器，调试报错，但是不知道原因。就单纯报错，服务器是没有任何问题。错误代码是200。

也就是说，我PC版本浏览器缩放成手机浏览器一切正常，真机报...

			
		

	





	

		

			

				
					
通过axios的响应拦截器解决不报错问题

				
			

			

				

					qq_42651173的博客
				

				

					06-19
					
					1869
					
				

			

		

		

			
				
问题：登陆时，输入错误的账号和密码，，没有错误提示

分析原因：

axios内部的报错机制：

1. 如果本次请求得到的响应的状态码 不是2开头的（如：400，500），就会主动抛出错误。
2. 如果本次请求出现网络错误，就会主动抛出错误

当我们提供错误的用户名和密码时，本次请求的状态码是正常的（但是：success字段是false），也没有网络错误，所以axios并不会报错。
...

			
		

	





	

		

			

				
					
关于vue封装的axios在请求错误时获取不到错误状态码的初步发现

				
			

			

				

					奔跑的IT小白的博客
				

				

					06-09
					
					3万+
					
				

			

		

		

			
				
我们在写vue项目的时候，项目有的时候需要自己再次封装一个网络请求，比如：



由于vue在开发的时候，默认的请求是localhost:8080,一般在请求后端的接口的时候，会有一个跨域的问题，跨域的解决就不写了，网上一大堆，比如在响应拦截的时候，如果请求错误，上面有些错误码，比如404,500之类的。但是在开发环境的情况下，存在跨域，如果请求错误，会存在获取不到错误状态码的情况，比如：



...

			
		

	





	

		

			

				
					
axios拦截设置和错误处理

					
热门推荐

				
			

			

				

					本杰明的博客
				

				

					07-07
					
					6万+
					
				

			

		

		

			
				
现在vue的官方包已经不更新vue-resource了，转而推荐axios，下面是项目实战是总结的axios插件设置：/**
 * @file Axios的Vue插件（添加全局请求/响应拦截器）
 */// https://github.com/mzabriskie/axios
import axios from 'axios'// 拦截request,设置全局请求为ajax请求
axios.int

			
		

	





	

		

			

				
					
Vue+axios封装请求实现前后端分离

				
			

			

				

					zukxu123的博客
				

				

					10-19
					
					1237
					
				

			

		

		

			
				
我们需要进行前后端分离开发，那么前后端的跨域问题就是无可避免的问题，前后端的请求也是无可避免的，Vue开发可以使用一个请求组件，做到跨域请求，这个组件就是axios，我们可以对axios进行封装作为我们请求的工具组件

			
		

	





	

		

			

				
					
vuecli3使用axios发送请求到后端获取token详解

				
			

			

				

					juvialoxer的博客
				

				

					07-10
					
					2862
					
				

			

		

		

			
				
1.安装axios
 $ npm install axios
 $ npm install vue-axios

2.在mian.js中添加如下代码
import axios from 'axios'
import VueAxios from 'vue-axios'
import Qs from 'qs'
Vue.use(VueAxios,axios,Qs)

3.在创建好的vuecli3项目的根...

			
		

	





	

		

			

				
					
Vue3 子路由vue如何调用父路由vue中的方法？

				
			

			

				

					u010465417的博客
				

				

					12-01
					
					338
					
				

			

		

		

			
				
vue3子路由调用父路由方法

			
		

	





	

		

			

				
					
springboot/ssm自助甜品网站Java甜品店蛋糕销售商城管理系统web源码

				
			

			

				

					kirito的个人博客
				

				

					11-28
					
					703
					
				

			

		

		

			
				
springboot/ssm自助甜品网站Java甜品店蛋糕销售商城管理系统web源码。可提供付费讲解以及修改服务，比如题目、界面、功能、框架等等...代码+数据库保证完整可用，可提供远程调试并指导运行服务～基于springboot(可改ssm)+vue项目。框架：springboot/可改ssm + vue。数据库工具：Navicat/sqlyog。数据库：mysql 5.7（或8.0）JDK版本：JDK1.8（或11）开发软件：eclipse/idea。依赖管理包：Maven。服务器：tomcat。

			
		

	





	

		

			

				
					
HTML前端开发-- CSS 长度单位总结

					
最新发布

				
			

			

				

					dazhong2012的专栏
				

				

					12-03
					
					738
					
				

			

		

		

			
				
rem 是 CSS3 中新增加的一个相对长度单位，全称为“root em”，即相对于根元素（通常是 HTML 文档的根元素）的字体大小来计算。这意味着1rem 等于 HTML 元素的字体大小，对于大多数浏览器而言，默认值为 16px。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值