生产模式下的Vue CLI 3 MPA仅将所有组件呈现为index.html模板

Question

我已经构建了vue MPA应用程序，一切都在开发模式下运行良好，但在生产模式下，所有组件都在index.html模板中呈现，甚至是应该在admin.html模板中呈现的组件。 我正在使用.htaccess来处理vue-router历史模式。 有谁想帮忙吗？

我试图用.htaccess解决问题，但它不起作用。

  RewriteEngine On
  RewriteBase /admin/
  RewriteRule ^admin\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /admin.html [L]

  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.html [L]

//在vue.config.js中

module.exports = {

pages: {
  index: {
    entry: 'src/index/main.js',
    template: 'public/index.html',
    filename: 'index.html',
    title: 'Index Page',
    chunks: ['chunk-vendors', 'chunk-common', 'index']
  },
  admin: {
    entry: 'src/admin/main.js',
    template: 'public/admin.html',
    filename: 'admin.html',
    title: 'Admin Page',
    chunks: ['chunk-vendors', 'chunk-common', 'admin']
  }
},
devServer: {
  historyApiFallback: {
    rewrites: [
      { from: /\/index/, to: '/index.html' },
      { from: /\/admin/, to: '/admin.html' }
    ]
  }
}

}