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

vue.js Vue.js

小哥宝儿

2020-03-23

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

在此处输入图片说明

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

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

我的dist文件夹是这样的

在此处输入图片说明

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

谢谢。

第3047篇《nuxtjs无法在生产中显示动态网址》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共1个回答
西门 2020.03.23

您必须将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>

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android