问答

vue-cli3本地调试改为mode:history后报错,无法访问页面

作者:admin 2021-08-04 我要评论

router.js export default new Router({ mode: 'history', // base: './', routes: [ { path: '/', name: 'home', redirect: '/fund', component: () = import('...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

router.js

export default new Router({
  mode: 'history',
  // base: './',
  routes: [
    {
      path: '/',
      name: 'home',
      redirect: '/fund',
      component: () => import('@/views'),
      children: [
        {
          path: 'fund/:code',
          name: 'fund',
          component: () => import('@/views/fund')
        },
        {
          path: 'manager/:code',
          name: 'manager',
          component: () => import('@/views/manager')
        },
        {
          path: 'company/:code',
          name: 'company',
          component: () => import('@/views/company')
        },
      ]
    },
  ]
})

地址栏访问:

http://localhost:8080/fund/000001

报错image.png

查了很多都是打包相关的配置,但我这个是在本地调试的时候就报错了

改成hash没有任何错误,不知道问题出在哪里?

###
export default new Router({
  mode: 'history',
  base: process.env.BASE_URL,
  routes: []
})

自行解决了,主要加了行 base: process.env.BASE_URL 就可以了

###

出现这个一般是代码中有错,比如中文标点符号、双符号未闭合等,仔细检查一下代码。不大可能因为字符串内容不一样就会报这个错误

###

这里我怀疑是你的接口抛出的异常呀

hash 是不需要劫持所有路由的。但是 history 需要劫持所有路由

###

光配置你贴上来的代码段,并没有遇到你说的这个问题.你看看是不是因为业务代码里边出现问题了.

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • vue-cli3本地调试改为mode:history后报

    vue-cli3本地调试改为mode:history后报

  • Vue.Draggable插件数据clone问题

    Vue.Draggable插件数据clone问题

  • <? extends U> 和 &

    <? extends U> 和 &

  • pandas的groupby的agg在reset_index后

    pandas的groupby的agg在reset_index后

腾讯云代理商
海外云服务器