vue-cli3 打包后二级页面刷新空白，请求的文件应该是某个js文件，但现在直接把 .js 去掉了

Question

这个问题很奇怪, 我在本地打包后，用vscode插件启动dist/index.html出现的
路由：http://127.0.0.1:5500/，正常我打包后运行，第一次进入index页面，刷新后没问题
路由：http://127.0.0.1:5500/about，第一次进入about页面也没问题，但是我刷新后 显示 Cannot GET /about

然后我对比发现，第一次请求的是：http://127.0.0.1:5500/about.js，正常的，刷新后请求的是：http://127.0.0.1:5500/about，
它不应该是 http://127.0.0.1:5500/about.js吗，为什么只去掉了.js

配置如下，其实我也没配置啥：

vue.config.js
module.exports = {
  publicPath: './',
  devServer: {
    port: 8086,
    proxy: 'http://localhost:8086'
  }
}

export default new Router({
  mode: "history",
  // base: process.env.publicPath,
  base: './',
  routes: [
    {
      path: "/",
      name: "home",
      component: Home
    },
    {
      path: "/about",
      name: "about",
      component: () =>
        import("@/views/About.vue")
    }
  ]
});

各位大神多踩踩啊

Answer 1

用 vscode 启动的服务器是哪个插件？支持 history 路由模式吗？

Answer 2

export default new Router({
  mode: "history",
  // base: process.env.publicPath,
  baseUrl: '/', // 修改这里
  routes: [
    {
      path: "/",
      name: "home",
      component: Home
    },
    {
      path: "/about",
      name: "about",
      component: () =>
        import("@/views/About.vue")
    }
  ]
});

将base 修改成 baseUrl： '/'