vue路由history模式后端需要配置吗,vue路由history模式404原因

　　本文主要介绍了vue项目历史模式下部署子路由跳转失败的解决方法，有很好的参考价值，希望对大家有所帮助。如有错误或不足之处，请不吝赐教。

目录

　　子路由在历史模式下无法跳转。不能使用历史跳跃路线进行跳跃。

history模式下子路由跳转失败

　　问题描述：只有部分路由正常跳转，屏幕不会黑屏。有些路由正常跳转，但是刷新时屏幕会空白。有些路线不能跳过。如下图所示刷新错误，页面为白色。

　　解决办法：

　　1.vue.config.js中的publicPath设置为“/”而不是“”。/;

　　2.vue路由配置库：process . env . base _ URL；

　　3.nginx下的配置

　　位置/{

　　alias/home/deep care/server/dist/；

　　索引index.html index.htm；

　　try _ files $ uri $ uri//index . html；

　　}

使用history跳转路由不能跳转

　　前端小白在学习react的时候，遇到了使用历史跳转路由的问题，查了很多资料，终于找到了解决办法。

　　验证登录页面的用户名和密码的输入值。验证成功后，页面跳转到主页面。但在使用this.props.history.replace()时，发现无法正常跳转，而是出现了在调试器中暂停。但是，没有详细说明什么地方出了问题。跳转代码如下：

　　//验证表单

　　this . props . form . validate fields(async(err，values)={

　　如果(！呃){

　　//请求成功

　　const {用户，密码}=值

　　const result=await reqLogin(用户，密码)

　　if(result.data.code===200){

　　Message.success(“登录成功”)

　　//跳转到后台管理界面(如果需要回滚就推)

　　this.props.history.replace(/)

　　}否则{

　　//提示错误信息

　　消息.错误(结果.消息)

　　}

　　}

　　否则{

　　Console.log(验证失败)；

　　}

　　});

　　解决问题的办法

　　与路由器高级组件一起使用

　　从“React”导入React；

　　从“react-router-dom”导入{ with router }；

　　类MyComponent扩展React。组件{

　　.

　　myFunction() {

　　this . props . history . push(/App/Home )；

　　}

　　.

　　}

　　使用路由器导出默认值(my component)；

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。