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…