nuxtjs 无法在生产环境中显示动态 url

2024-05-17

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

当我跑步时npm run dev并测试http://localhost:3000/place/66bb50b7a5 http://localhost:3000/place/66bb50b7a5工作得很好。

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

我的 dist 文件夹是这样的

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

谢谢。


您必须配置您的网络服务器才能响应index.html当收到类似请求时/place/66bb50b7a5

vue-router 文档 https://router.vuejs.org/en/essentials/history-mode.html有 Apache、nginx、IIS 的示例配置...

对于 MAMP(阿帕奇):

  1. 创建一个文件名.htaccess在你的MAMP中htdocs folder
  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>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

nuxtjs 无法在生产环境中显示动态 url 的相关文章

随机推荐