11-24 06:34 阅读 495

关注

vue.config.js踩坑，配置了publicPath之后路由不再显示

module.exports = {   // publicPath: process.env.NODE_ENV === 'production'   //   ? '/'   //   : '/', publicPath: process.env.PUBLISH_PATH,   }; 复制代码

配置了：publicPath: process.env.PUBLISH_PATH ,之后路由不再显示，排查很久之后发现是路由的history惹的祸

vue-router 默认 hash 模式

如果不想要很丑的 hash，我们可以用路由的 history 模式， 不过这种模式要玩好，还需要后台配置支持。

import Router from "vue-router"; import Vue from "vue"; Vue.use(Router); const vueRouter = new Router({   mode: "history",   routes: [     {       path: "/",       name: "login",       component: () =>         import(/* webpackChunkName: "page" */ "@/view/login.vue"),     },     {       path: "/login",       name: "login",       component: () =>         import(/* webpackChunkName: "page" */ "@/view/login.vue"),     }   ], }); export default vueRouter; 复制代码

详情参考vue-router官方文档：router.vuejs.org/zh/guide/es…

作者：juejin_zsn
链接：https://juejin.cn/post/7034009956718379045