我正在使用 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(阿帕奇):
- 创建一个文件名
.htaccess
在你的MAMP中htdocs
folder
- 从 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(使用前将#替换为@)