应用被部署在子路径上路由是的可以正常请求访问但点击菜单404

应用被部署在子路径上路由是的可以正常请求访问但点击菜单404
项目被放到management文件夹下

img


base也是和publicPath保持一致的

img


但点击菜单404

img

base: '/management/',publicPath: '/management/',也试过了也不行一样的404

不知道你这个问题是否已经解决, 如果还没有解决的话:
  • 以下回答来自chatgpt:

    我使用的前端框架是Vue.js。

    针对这个问题,可能的原因是应用的路由没有正确地配置子路径。您需要将路由的base路径设置为子路径,这样路由的跳转链接就可以正确地响应页面。

    具体的解决方案如下:

    1. 在Vue.js项目的根目录下找到router/index.js文件(如果您使用了Vue-CLI,则这个文件可能存在于src目录下)。

    2. 定义一个变量用于存储子路径,例如:

    javascript const subPath = '/management';

    1. 定义一个路由对象,将子路径传递给base属性,例如:

    javascript const router = new VueRouter({ base: subPath, routes: [ // 这里是您的路由配置 ] })

    1. 在Vue.js项目的根组件(例如App.vue)中使用子路径作为router-link组件的to属性值,例如:

    html <router-link to="/management/home">首页</router-link>

    其中,/management是您的子路径,/home是您的页面路径。

    这样,当您在应用中点击菜单跳转链接时,Vue.js就会根据您的路由配置正确地响应页面,避免404错误的出现。

    最后,再次强调一下,这个解决方案是基于Vue.js框架的,如果您使用的是其他框架,则需要针对不同的框架进行不同的配置。如果以上解决方案不能解决您的问题,请告诉我,我将会给出更为具体的支持。


如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^