axios请求本地数据404

最新推荐文章于 2024-08-18 03:49:00 发布
最新推荐文章于 2024-08-18 03:49:00 发布
阅读量7.7k 收藏 2
点赞数 1
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Shellin_F/article/details/79122605
版权
博主花费一天时间解决axios对本地数据发起请求时出现404错误的问题。问题根源在于项目缺少static文件夹，导致无法正确访问资源。通过创建static文件夹并配置，成功解决了404错误。
摘要由CSDN通过智能技术生成

真的是 又整整一天，不明白为什么是404，各种找：


真的是各种方式的查找，终于我找到了，就在这一篇中：点击打开链接

具体 就是：


                

        

        

    

  


        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  Shellin_F
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
axios拦截404报错_正确使用Axios，提升接口请求幸福感

				
			

			

				

					weixin_29280657的博客
				

				

					02-03
					
					6753
					
				

			

		

		

			
				
1 前景介绍根据Axios中文文档：Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。因其实在是过于简单粗暴，好用的一逼，可以算是目前最流行的前后端数据交互的工具，前端人员基本上每天都在接触它。为达到体感更佳的使用效果，一般不会直接原生使用（当然你硬要原生使用也可以），一般需要做几个简单的二次封装动作。本文旨在通过在vue项目中对axios的二次封装使...

			
		

	



                

              
                



	

		

			

				
					
vue 2.0以后使用axios加载本地json文件报404

				
			

			

				

					林凡_g的博客
				

				

					11-08
					
					5344
					
				

			

		

		

			
				
今天在开发的时候使用axios加载本地文件一直报404，文件结构如下:


index.vue中调用components中的一个组件，组件中请求加载test.json文件，无论怎么写url，都会报出404。
后来发现只需要将json文件放在static文件夹中，然后在url写 :  this.$axios.get('/static/test.json').then((res)=>{

			
		

	



                


  
              

                


	

		

			

				
					
axios的接口404为什么拦截不到

					
最新发布

				
			

			

				

					weixin_40978227的博客
				

				

					08-18
					
					41
					
				

			

		

		

			
				
我整理的一些关于【Java】的项目学习资料（附讲解～～）和大家一起分享、学习一下：https://d.51cto.com/bLN8S1如何使用 Axios 拦截 404 错误
在使用 Axios 发送请求时，有时你会遇到 404 错误，这意味着请求的资源未找到。作为刚入行的开发者，了解如何处理这种错误并实现对其的拦截是非...

			
		

	





	

		

			

				
					
axios请求本地json文件，报404

				
			

			

				

					weixin_50255994的博客
				

				

					05-25
					
					1004
					
				

			

		

		

			
				
VUE中axios请求本地JSON文件，报404原址



			
		

	



		

			
		



	

		

			

				
					
vue学习之vue cli3搭建的项目里使用axios获取本地数据失败问题

				
			

			

				

					dabingyouxiaozhihui的专栏
				

				

					08-10
					
					350
					
				

			

		

		

			
				
基于vue cli3.10搭建的项目用axios调用本地json数据一直报404解决：

1.vue cli3.10 public文件夹才是静态资源文件

2.直接写 this.$axios.get('/img.json')即可




			
		

	





	

		

			

				
					
报错：axios 发送的接口请求 404

				
			

			

				

					虎康的博客
				

				

					09-01
					
					1579
					
				

			

		

		

			
				
axios 发送的接口请求 404，根本没有把接口信息发送到后端，这个时候你可以查看检查一下自己的接口名字，或让后端配合换一个接口名字再发送一次接口请求。

			
		

	





	

		

			

				
					
axios异步请求 404 (Not Found)

				
			

			

				

					光和效应lw的博客
				

				

					08-17
					
					2669
					
				

			

		

		

			
				
Failed to load resource: the server responded with a status of 404 (Not Found)

解决办法



			
		

	





	

		

			

				
					
vue发axios请求本地数据及vant组件使用

				
			

			

				

					qq_45911604的博客
				

				

					04-27
					
					833
					
				

			

		

		

			
				
vue发axios请求本地数据及vant组件使用

			
		

	





	

		

			

				
					
axios请求本地json

				
			

			

				

					前端视听
				

				

					05-22
					
					1万+
					
				

			

		

		

			
				
axios请求本地json,相关依赖安装
1：npm安装
   npm install axios --save


2.在main.js下引用axios
  import axios from 'axios'


一切环境依赖搭建好之后,下面来写个例子：axios请求本地json
1：在static文件夹底下新建json文件，（ 本地JSON文件一定要需放在static文件夹之下。）
访问服务器...

			
		

	





	

		

			

				
					
axios请求本地node服务器

				
			

			

				

					weixin_42372852的博客
				

				

					10-22
					
					873
					
				

			

		

		

			
				
一.使用express创建node服务器

expres是node的框架。(express中文网)

1.快速创建一个项目，先安装Express 应用程序生成器。
npm install -g express-generator

然后使用命令快速生成。
express

最后在生成文件的目录下安装依赖。
npm install

2.使用中间件进行跨域设置。
app.all('*',function (req,res,next) {
  console.log('允许跨域访问')
  res.header

			
		

	





	

		

			

				
					
vue请求本地路径GET http://localhost:8080/.... 404 (Not Found)

				
			

			

				

					weixin_48203270的博客
				

				

					12-17
					
					6551
					
				

			

		

		

			
				
vue请求本地路径GET http://localhost:8080/.... 404 (Not Found)

			
		

	





	

		

			

				
					
axios请求接口的方式

				
			

			

				

					南栀@的博客
				

				

					05-24
					
					425
					
				

			

		

		

			
				
部分更新服务器上的数据（例如：只更新新用户的手机号）删除服务器上的数据。

			
		

	





	

		

			

				
					
简单的直接用axios调用接口的方法（详细）

				
			

			

				

					qq_45596887的博客
				

				

					08-20
					
					6269
					
				

			

		

		

			
				
不封装的request的情况下使用axios调取后端数据

			
		

	





	

		

			

				
					
vue脚手架中使用axios调用本地文件和外部接口

				
			

			

				

					cuizhichao2的博客
				

				

					09-20
					
					1617
					
				

			

		

		

			
				
下载
cnpm i axios --save
注册
import axios from ‘axios’
在created周期调用axios
本地文件放在 pubilc文件夹内，不会被webpack，但需要绝对路径才可以引用
例：请求本地数据
import axios from "axios";
export default {
  async created() {
    console.log(111);
    let { data } = await axios.get("./api/home.js

			
		

	





	

		

			

				
					
DevTools 无法加载来源映射:无法加载 http://localhost:8082/axios.min.map 的解决方法

					
热门推荐

				
			

			

				

					rhcjqmm666的博客
				

				

					01-28
					
					2万+
					
				

			

		

		

			
				
DevTools 无法加载来源映射:无法加载 http://localhost:8082/axios.min.map 的解决方法

			
		

	





	

		

			

				
					
vue中使用axios访问本地json文件404

				
			

			

				

					J1756465965的博客
				

				

					03-08
					
					1253
					
				

			

		

		

			
				
axios访问本地数据报错

			
		

	





	

		

			

				
					
Axios发送POST请求报错，后端接收不到参数响应404

				
			

			

				

					HaHaTogether的博客
				

				

					06-05
					
					8293
					
				

			

		

		

			
				
[解决] Axios发送POST请求，后端接收不到参数响应404问题说明造成问题的原因解决
问题说明
我们在项目中通常都会使用到封装好的axios来发送请求，当我们在发送POST请求时结果响应404。
使用接口测试工具postman、yapi等都可以正常响应。
报错信息如下：

请求头：

造成问题的原因
请求携带的数据格式和后端解析数据格式不一致

后端解析：接口使用 java spring mvc，注解使用了  @RequestParam 或 @RequestBody


RequestParam：在这

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		
评论 2

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值