记录一次打包vue项目到tomcat并且支持其他项目iframe嵌套任意页面

config  ->  index.js ->  assetsPublicPath -> build ->  assetsPublicPath

router -> index.js

路由模式必须为hash，才能用来监听

App.vue

hash改变时可进行监听去触发进行vue路由跳转

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

npm run build

生成dist文件夹

将文件夹拷贝到tomcat webapps 文件夹下 ，将dist改名为 路由文件 base 的值（如我的 les）

启动tomcat(bin ->startup.bat)

浏览器访问/iframe嵌套：

ip:port/odr直接进入默认路由 / 的视图

ip:port/odr#path 进入指定path 的视图

hash模式会有#