Vue CLI 3 MPA в рабочем режиме отображает все компоненты только в шаблоне index.html - PullRequest
Новая
       39

Vue CLI 3 MPA в рабочем режиме отображает все компоненты только в шаблоне index.html

0 голосов
/ 12 июня 2019

Я собрал приложение 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]

// In 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' }
    ]
  }
}

}

...