vue多页面本地router变为history模式页面空白

如果您的Vue多页面应用程序在将本地路由更改为历史模式后出现空白页面，可能是因为您需要进行一些额外的配置。请按照以下步骤进行操作：

确保您的服务器已正确配置历史模式路由。如果您正在使用Apache服务器，请确保已启用“mod_rewrite”模块，并将以下代码添加到您的.htaccess文件中：

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.html [L]
</IfModule>

如果您使用的是Nginx服务器，请将以下代码添加到您的服务器配置文件中：

location / {
  try_files $uri $uri/ /index.html;
}

确保您的Vue路由配置正确。在您的Vue项目中，您需要将路由模式从“hash”更改为“history”，如下所示：

const router = new VueRouter({
  mode: 'history',
  routes: [...]
})

确保您的Vue多页面应用程序的Webpack配置正确。您需要将您的Webpack配置文件中的“output”选项更改为以下内容：

output: {
  path: path.resolve(__dirname, './dist'),
  publicPath: '/',
  filename: 'js/[name].[hash].js'
},

请注意，“publicPath”选项应设置为“/”以确保历史模式路由正确工作。

如果您仍然遇到问题，请确保在使用Vue多页面应用程序时正确使用了Vue Router。您需要在每个页面的Vue实例中使用路由器：

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const router = new VueRouter({
  mode: 'history',
  routes: [...]
})

const app = new Vue({
  router,
  el: '#app'
})

希望这些步骤可以帮助您解决问题