【bug日志-水】解决本地开发下代理和url同名导致刷新404的问题

国王不在家2024-11-08 15:44

bug描述

在本地开发，并且路由是history的模式下，代理和url同名的情况下，刷新会404。

javascript 复制代码

  {
    path: '/googleAds',//如果有个代理也叫googleAds，刷新时就会404
    name: 'googleAds',
    icon: 'sound',
    routes: [
      {
        path: '/googleAds/GoogleAdsSettingPage', 
        name: 'GoogleAdsSettingPage',
        component: '@/pages/GoogleAds/GoogleAdsSettingPage',
      },
    ],
  },

解决方案

因为history模式下，浏览器会以前端路由的url去发送请求，这当然是请求不到的，所以是404。

解决办法有：

1、用hash模式，这样就不会用前端路由的那一段去服务器请求了。

2、代理或者url路径改名，不要同名就行

END

看来明白hash和history的原理还是有用的，哈哈哈。