本文详解 MAMP 默认端口设置、项目路径规则及 URL 访问格式，帮助初学者快速在本地预览 index.html 或 index.php 文件，避免因误加 /htdocs/ 路径导致 404 错误。
本文详解 mamp 默认端口设置、项目路径规则及 url 访问格式，帮助初学者快速在本地预览 index.html 或 index.php 文件，避免因误加 `/htdocs/` 路径导致 404 错误。
MAMP 安装后并不会将 localhost 直接映射到系统盘的 htdocs 文件夹，而是通过内置 Apache/Nginx 服务监听特定端口（默认为 8888（HTTP）和 8889（HTTPS），部分版本也支持 7888），并将 MAMP/htdocs/ 设为 Web 根目录（Document Root）。这意味着：你不需要、也不应该在浏览器地址栏中写入 /htdocs/ —— 它是服务器内部路径，不是 URL 路径的一部分。
✅ 正确访问方式如下：
假设你的项目结构为：
MAMP/htdocs/web-development/Portfolio/index.html
那么应在浏览器中输入：
http://localhost:8888/web-development/Portfolio/index.html
若使用 PHP 文件（如 index.php），同样适用该规则，且 PHP 代码将在本地 Apache 环境中被解析执行：
<!-- 示例：index.php 中可安全使用 PHP -->
<!DOCTYPE html>
<html>
<head><title>My Portfolio</title></head>
<body>
<h1>Welcome!</h1>
<p>Current time: <?php echo date('Y-m-d H:i:s'); ?></p>
</body>
</html>? 小贴士：
立即学习“PHP免费学习笔记（深入）”；
- ✅ 端口号必须显式写出（除非你已修改 MAMP 设置为使用标准端口 80/443）；
- ❌ 不要写 localhost/htdocs/... —— /htdocs/ 是文件系统路径，非 URL 路径；
- ⚙️ 查看/修改端口：打开 MAMP 控制面板 → “Preferences” → “Ports” 选项卡；
- ? 所有可访问的网站必须放在 MAMP/htdocs/ 下的子目录中；
- ? 推荐将项目根目录设为 htdocs/Portfolio/，然后访问 http://localhost:8888/Portfolio/（自动匹配 index.html 或 index.php）。
最后提醒：HTML/CSS/JS 可直接运行，但涉及表单提交至 PHP（如注册功能），务必确保：
- 表单 action 指向 .php 文件（如 action="process.php"）；
- 该 PHP 文件位于同一目录或正确相对路径下；
- 使用 http://localhost:8888/... 访问，而非双击打开 HTML 文件（否则 fetch() 或表单提交会因跨协议/CORS 失败）。
完成以上配置，你就能顺利调试含 PHP 后端逻辑的前端页面了。
