最近做Vue项目时遇到了”TypeError:Failedtofetch”这个问题，用axios访问服务器，老是出错。可能是网速不给力，或者服务器太忙碌。遇到这情况咋办？别急，我这儿有几个小妙招给你支个招。
检查网络连接
碰到”TypeError:Failedtofetch”错误？甭急，先确认下你的电脑是不是在线。这个提示就是告诉你网络有问题！试试看能不能打开百度和谷歌之类的网站。要是连这些都打不开，那就不关人家的事儿了，可能是你的后端服务器或者API接口出了问题。
检查API地址是否正确
接下来，咱俩先看看那串用来让网页传递信息的API地址能不能用。你试下在浏览器里输入看行不行。如果打不开或有问题，我们可能要联系服务商或查查API的使用手册，看是不是地址变了或者参数写错了之类的问题。
检查CORS设置
想要搞点跨页请求？先要确保服务器开了CORS（CrossOriginResourceSharing）那通道，而且这个得自己动手加到代码里去哟。第三方API的小伙伴们也别忘了看看他们的使用手册，里面有教怎么设置CORS的。不然的话，跨页请求可能会挂掉，然后你就会看到那个”TypeError:Failedtofetch”的报错信息。
res.setHeader('Access-Control-Allow-Origin', '*');
res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE');
res.setHeader('Access-Control-Allow-Headers', 'X-Requested-With,content-type');
res.setHeader('Access-Control-Allow-Credentials', true);
检查请求头设置
注意！有些API是得有“头衔”才能玩儿转的！咱们得确认咱们设定的头衔是否正确。比如说，有些API就得加上Authorization标志来证明自己的身份。用axios的时候别忘了核对一下，确保头衔跟API的需求匹配，不然可能会出问题哟。
检查后端服务器状态
所以，咱们得看看后端服务器正不正常运作！自己试试，看看服务器能不能满足你的要求。要是没反应，别犹豫，赶紧去看看服务器日志，找出问题在哪儿。有时候后端服务器可能有点小失误或配置有误，处理不了你的请求，那时你就能瞥见”TypeError:Failedtofetch”这个错误提示。
碰上“TypeError:Failedtofetch”这种报错，别急，先检查下这几个方面：网能连通不？API地址对不？CORS规则会不会有冲突？还有请求头设置得对不？最后再看看服务器是不是有问题。搞定这些，你的Vue应用就能正常跑起来！
评论0