vue项目开发打包完后 如何从外部链接跳转到项目中的某个路由页面?

因为vue是单页面应用,所以项目打包完后只有一个index.html文件,然后一切跳转都是有内置的路由来实现,但是当我们从外部链接跳转的时候,好比这样,好比这样要直接从外部跳转到paintList这个路由页面,可是这时候会报错404,提示找不到页面,因为你打包完后就只有index.html文件,并没有paintList.html这个文件,所以会报错,这时候就需要打包前来配置一下。
**第一种:**整个项目是history模式的,这种的话就需要后端来配合,具体操作也不会,只知道是要在ngix里配置什么东西。这里你可以参考一下“https://www.jianshu.com/p/5714ec0b9102”,这里主要说第二种方法,hash模式的
第二种”:项目是使用hash模式,这种的话就只要前端来配置就好了,是给全局添加一个hashchange事件,来判断获取跳转的路由。代码如下:是写在app.vue里面

  mounted() {
    window.addEventListener('hashchange', (e) => {
      var currentPath = window.location.hash.slice(1); // 获取输入的路由
      if (this.$router.path !== currentPath) {
        this.$router.push(currentPath); // 动态跳转
      }
    }, false);
  }

这样就可以从外部链接直接跳转进来的,但是如果有参数的话,就需要和后端商量看是把参数拼接在后面还是自己保存在本地从本地获取,好了,就是这样了

Logo

前往低代码交流专区

更多推荐