Moodle 4.5.1（MAMP安装）CSS/图片等资源加载失败，页面异常

Apache服务下localhost:8888无法访问的处理方案 #

• 确认Apache服务状态与端口：检查MAMP控制台中Apache是否已启动，用终端命令lsof -i :8888验证8888端口未被其他程序占用。
• 修复Moodle目录权限：将Moodle安装目录（如/Applications/MAMP/htdocs/moodle405）的权限调整为Apache可读写：

  sudo chmod -R 755 /Applications/MAMP/htdocs/moodle405
  sudo chown -R _www:_www /Applications/MAMP/htdocs/moodle405
  

• 配置Apache虚拟主机：打开/Applications/MAMP/conf/apache/httpd.conf，确保启用虚拟主机（取消#Include /Applications/MAMP/conf/apache/extra/httpd-vhosts.conf的注释），并在虚拟主机配置文件中添加Moodle站点规则：

  <VirtualHost *:8888>
      DocumentRoot "/Applications/MAMP/htdocs/moodle405"
      ServerName localhost:8888
      <Directory "/Applications/MAMP/htdocs/moodle405">
          AllowOverride All
          Require all granted
      </Directory>
  </VirtualHost>
  

  修改完成后重启Apache服务。

Nginx服务下资源404、页面不完整的处理方案 #

• 修正Nginx配置规则：打开/Applications/MAMP/conf/nginx/nginx.conf，更新server块配置以适配Moodle的URL重写和资源请求：

  server {
      listen 8888;
      server_name localhost;
      root /Applications/MAMP/htdocs/moodle405;
      index index.php index.html;
  
      location / {
          try_files $uri $uri/ /index.php?$query_string;
      }
  
      location ~ \.php$ {
          fastcgi_pass unix:/Applications/MAMP/Library/logs/fastcgi/nginxFastCGI.sock;
          fastcgi_index index.php;
          fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
          include fastcgi_params;
      }
  
      location ~ ^/pluginfile.php {
          fastcgi_pass unix:/Applications/MAMP/Library/logs/fastcgi/nginxFastCGI.sock;
          fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
          include fastcgi_params;
      }
  }
  

• 调整moodledata目录权限：Moodle的资源文件存储在moodledata目录，需确保Nginx用户（_www）有读写权限：

  sudo chown -R _www:_www /path/to/your/moodledata
  sudo chmod -R 755 /path/to/your/moodledata
  

• 重启服务并清除缓存：在MAMP控制台重启Nginx，然后用快捷键Ctrl+Shift+R强制刷新浏览器页面，清除缓存后重新访问。

内容的提问来源于stack exchange，提问作者NoBugs