nuxtjs 无法在生产中显示动态 url答案

【问题标题】：nuxtjs cannot display dynamic url on productionnuxtjs 无法在生产中显示动态 url
【发布时间】：2018-05-03 05:50:38
【问题描述】：

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

当我运行npm run dev 并在http://localhost:3000/place/66bb50b7a5 上进行测试时效果很好。

但是在我运行npm run generate之后，我得到了dist文件夹，我在MAMAP上尝试运行http://mysite:7074/place/66bb50b7a5，它显示404 page not found。

我的dist文件夹是这样的

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

谢谢。

【问题讨论】：

大家找到解决问题的方法了吗？

标签： vue.js nuxt.js

【解决方案1】：

当接收到/place/66bb50b7a5 之类的请求时，您必须配置您的网络服务器以响应index.html

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

对于 MAMP (apache)：

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

【讨论】：

@GEOFFREYMWANGI，这应该可以完成这项工作，您是否尝试过？

【解决方案2】：

我遇到了同样的问题，我已经解决了。

我在 apache 中的情况：

在与 index.html 相同的文件夹中创建 .htaccess 文件
复制粘贴以下脚本，一切顺利。

<IfModule mod_rewrite.c>
  Rew/riteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.html [L]
</IfModule>

之前我在github找到了这个脚本

【讨论】：