Laravel+Vue.js子目录部署POST请求报错：不支持POST方法

1. 修正Axios路径拼接问题 #

你的Axios请求路径和baseURL拼接时可能缺少斜杠，导致请求地址错误。

• 确保Axios的baseURL末尾加上斜杠：

  axios.defaults.baseURL = 'https://example.com/cost-calculator/';
  

• 或者保持baseURL不变，将请求路径改为以斜杠开头：

  let response = await axios.post('/api/questions-answer', {
      first_name: firstName,
      last_name: lastName,
      email: email,
  });
  

（注：如果baseURL已包含子目录，带斜杠的路径会直接基于域名根目录，所以更推荐给baseURL加末尾斜杠的方式）

2. 确认Laravel路由与APP_URL配置 #

• 在.env文件中设置正确的APP_URL：

  APP_URL=https://example.com/cost-calculator
  

• 检查RouteServiceProvider.php中的API路由前缀，确保默认的/api前缀保留（api.php中的路由会自动带上该前缀）：

  Route::prefix('api')
       ->middleware('api')
       ->namespace($this->namespace)
       ->group(base_path('routes/api.php'));
  

  这样你的Route::post('/questions-answer')会对应URL：https://example.com/cost-calculator/api/questions-answer

3. 修复服务器重写规则（以Nginx为例） #

确保服务器配置正确映射子目录到Laravel的public目录，避免路由解析错误：

location /cost-calculator {
    alias /path/to/your/laravel/project/public;
    try_files $uri $uri/ /cost-calculator/index.php?$query_string;

    location ~ \.php$ {
        fastcgi_pass unix:/var/run/php/php8.2-fpm.sock; # 对应你的PHP-FPM路径
        fastcgi_index index.php;
        fastcgi_param SCRIPT_FILENAME $request_filename;
        include fastcgi_params;
    }
}

如果是Apache，确保public/.htaccess文件正常，且虚拟主机配置中允许重写：

<Directory "/path/to/laravel/public">
    AllowOverride All
    Require all granted
</Directory>

4. 清除Laravel路由缓存 #

如果之前生成过路由缓存，可能导致新的路由规则未生效：

php artisan route:clear

如果需要缓存路由，执行：

php artisan route:cache

5. 验证请求地址 #

在浏览器开发者工具的Network标签中，查看该POST请求的实际URL和请求方法，确认：

• 请求方法是POST
• 请求URL正确指向https://example.com/cost-calculator/api/questions-answer

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