vue调用接口获取数据 vue刷新页面跳转404怎么办？
vue刷新页面跳转404怎么办？
1. 问题描述
2。Apache服务器配置
3。Nginx服务器配置
~]。
前端开发也是如此。实际上，我们都使用jQuery。它简单而粗糙，并且很容易直接操作界面。如果你想实现任何功能，你会成功的。但是在项目变得越来越复杂之后，这种开发方式会出现一个问题：代码组织很低，项目的可维护性很差，特别是当项目中的很多页面都有层次关系时，很容易混淆自己。
“.现在我们不应该把一个网页看作一个网页，而是一个以网页的形式呈现的应用程序。分离数据和行为之后，前端开发变得更加清晰，这也是前端开发的一个重要标志。
虽然这些框架使用了虚拟DOM等技术，但由于抽象合理，开发效率远高于传统前端，比直接操作DOM要慢。试想一下，用这两种方法开发的项目效率比传统开发低0.5%，但是传统开发需要的bug是传统开发的两倍。如果你是，你会选哪一个？
使用Vue等框架的首要原因是为了开发效率，还是减少DOM操作的性能损失？
首先，在您创建的public方法的文件中创建一个新方法HttpUtil.js文件文件。以下是总结HttpUtil.js文件内容：VAR Axios=require（“Axios”）//配置项根，例如路径VAR root=“http://localhost：8090/manage“//Axios请求函数httpapi（method，URL，params）{返回新承诺（（resolve，reject）=>{Axios（{method:method，URL:URL，数据：method==“post”；method==“put”？Params:null，Params:Method==“get”| | Method==“delete”？参数：null，baseurl:root，withcredentials:false}）。然后（（response）=>{解析（response）}）。Catch（（error）=>{reject（error）}）}//返回Vue模板中的调用接口，导出默认值{get:function（URL，parameters）{return httpapi（“get”，URL，parameters）}，post:function（URL，parameters）}，Params）{return httpapi（“post”，URL，Params）}，put:function（URL，Params）{return httpapi（“put”，URL，params）}，delete:function（URL，params）{return httpapi（“delete”，URL，params）}
直接访问URL会被HTTP阻止，服务器直接解析到文件路径，但是spa的路由是虚拟的，不能直接找到文件，所以会是404。您需要将所有请求指向索引（我不知道这样说是否准确），然后让JS的路由器解析URL。Nginx需要配置try文件$url/索引.html有关详细信息，请参阅Vue路由器的文档。本章以HTML5历史模式讨论这个问题。最近开发了react，spa中也遇到了同样的问题，因为spa中的路由是JS渲染组件的配置，与真实浏览器中访问的URL不一样
在UAT服务器中访问时，如果一直是404，90%是路径错误，但404在访问接口时偶尔出现，很多情况下是好的，可以正常访问。
Internet上有几种情况和解决方案：
1。记录404错误链接；
2。直接在服务器端输出带有“error”的链接内容，查看是否正常；
3。如果不正常，则表示链接有问题；如果正常，请检查输入参数发送的post请求，以查看参数是否已转义；
4。如果上面没有问题，可以【解决方案】：
访问UAT时拦截404参数消息，在本地代码中运行是正确的。它没有逃走。所以这是第四种情况。服务器不稳定，出现问题。
vue调用接口获取数据 前端怎么调用后端接口 vue打包后接口的调用失败
版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。
