nuxtjs无法在生产中显示动态网址

Question

我正在使用nuxjs来构建我的项目,我创建了一个动态显示地点信息的页面.

当我npm run dev在http:// localhost:3000/place/66bb50b7a5上运行并测试时运行良好.

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

我的dist文件夹是这样的

请告诉我我的代码有什么问题,我应该怎么做.

谢谢.

Answer 1

您必须配置您的 Web 服务器以index.html在收到类似请求时做出响应/place/66bb50b7a5

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

对于 MAMP (apache)：

1. .htaccess在您的 MAMPhtdocs文件夹中创建一个文件名
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>