vue里history模式要如何配置

在 Vue 中使用 history 模式需要进行一些配置。下面是配置步骤：

1. 首先，在 Vue Router 的实例化过程中，需要将 `mode` 参数设置为 `'history'`。例如：

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

2. 然后，在后端服务器上进行一些配置，以确保在使用 history 模式时，刷新页面或直接访问某个路由时不会返回 404 错误。具体配置方式取决于你使用的服务器。

- 在 Apache 服务器中，可以使用 `.htaccess` 文件来进行配置。创建一个名为 `.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;
}

3. 最后，在 Vue 应用的根目录下运行 `npm run build` 命令，将应用打包为静态文件。然后，将生成的文件部署到服务器上。

这样配置后，Vue 应用就可以使用 history 模式进行路由导航了。注意，在开发环境下（`npm run serve`），Vue Router 默认使用的是 hash 模式，在生产环境下（`npm run build`），才会使用 history 模式。