vue-cli3 打包后，二级页面刷新后空白，发现请求的 about.js 文件变换成了 about，直接去掉了后缀

Question

这个问题很奇怪
路由：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

如果你一定要动态加载

component: require(["src/xx/xxx/xx.vue"], resolve);