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

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

在此处输入图片说明

当我npm run devhttp:// localhost:3000 / place / 66bb50b7a5运行并测试时,效果很好。

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

我的dist文件夹是这样的

在此处输入图片说明

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

谢谢。

西门2020/03/23 21:07:00

您必须将Web服务器配置为index.html在收到诸如/place/66bb50b7a5

vue-router文档具有Apache,nginx,IIS ...的示例配置

对于MAMP(Apache):

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