vue.js - nuxtjs 无法在生产环境中显示动态 url

Question

我正在使用 nuxjs 构建我的项目，并创建了一个动态显示位置信息的页面。

当我运行 npm run dev 并在 http://localhost:3000/place/66bb50b7a5 上进行测试时工作正常。

但是在我运行 npm run generate 之后，我得到了 dist 文件夹，我将其放入 MAMAP 并尝试运行 http://mysite:7074/place/66bb50b7a5 , 它显示 404 页面未找到。

我的dist文件夹是这样的

请告诉我我的代码有什么问题以及我应该怎么做。

谢谢。

Answer 1

您必须配置您的网络服务器以在收到像 /place/66bb50b7a5 这样的请求时响应 index.html

vue-router doc有 Apache、nginx、IIS 的示例配置...

对于 MAMP( Apache ):

1. 在您的 MAMP htdocs 文件夹中创建一个名为 .htaccess 的文件
2. 从 vue-router 文档粘贴 apache 配置

.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>