部署 vue js 应用程序并在路由中收到 404 错误

我正在使用简单的 webpack，但是将我的应用程序部署到托管服务器后，我的索引页面工作正常，但其他页面给出 404 错误。请我不知道是否有人知道发生了什么。简单的 webpack 只生成构建 js 文件我就是这样，我的 dist 文件夹中没有 index.htm 文件

我将向您展示如何做到这一点，但在阅读之前来自 vue.js 文档

步骤1运行以下命令

npm run build

第2步复制dist文件夹并将其放入新文件夹中

步骤3在新文件夹中创建一个新文件并将其命名为 .htaccess

步骤4在 .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>

现在您的应用程序已准备好部署！您甚至可以在本地计算机上使用 apache 运行它。

请再次阅读docs您可以在那里找到更多 nginx、node.js 配置，并了解有关所有服务器配置的更多信息。

附加信息：我正在使用 laragon + apache，在第 4 步之后，我将新文件夹放入其中wwwLaragon 的目录，并与 Laragon 一起提供服务。我想你可以通过使用 xampp 或 wamp 将新文件夹放入docs目录。