使用 Vue Router 的 History 模式遇到的问题及解决方法

在使用 Vue.js 开发前端应用时，Vue Router 是一个常用的路由管理工具。它提供了多种路由模式，其中一种是 History 模式，它使用 HTML5 的 History API 来实现路由的切换，不会在 URL 中出现 hash。

然而，在使用 Vue Router 的 History 模式时，可能会遇到一些问题。下面我将介绍一些常见的问题，并提供相应的解决方法。

问题一：刷新页面后出现 404 错误

当使用 Vue Router 的 History 模式时，刷新页面可能会导致服务器返回 404 错误。这是因为在 History 模式下，服务器必须正确配置来处理所有可能的路由请求。

解决方法：

1. 配置后端服务器：在后端服务器上设置一个通配符路由，将所有非文件的请求都重定向到你的应用的入口页面。这样，当用户刷新页面时，服务器将返回应用的入口页面，然后由 Vue Router 接管路由的处理。

   • Node.js + Express 示例代码：

   const express = require('express');