本地POST请求正常，部署后自动转为GET请求的问题求助

问题场景 #

本地开发时，使用相对路径/api/template发送POST请求保存模板完全正常，但部署到服务器后，该请求被自动转为GET，无法正常提交数据。改用完整URL（https://applicationname/api/template）发送请求则能正常工作。当前.env配置为APP_URL= http://localhost。

可能的原因及解决方法 #

1. .env配置存在格式错误

当前APP_URL的配置里，等号后带有空格，会导致前端读取的基础URL包含空格，部署后路径解析异常，进而触发请求方法被篡改。

• 解决： 修正.env配置，去掉等号后的空格，并替换为服务器的实际域名：

  # 本地开发
  APP_URL=http://localhost
  # 服务器部署
  APP_URL=https://applicationname
  

  同时在axios初始化时配置baseURL，统一使用相对路径发起请求：

  // 全局配置axios的baseURL
  axios.defaults.baseURL = process.env.APP_URL;
  
  // 后续请求直接用相对路径即可
  const response = await axios.post('/api/template', {
    template_json: templateJson,
    name: name,
    type: refinedJson.type,
    ImageBase64: await image
  }).catch((error) => {
    localStorage.setItem('Save-temp', error.response.data.message)
    showToastError()
    localStorage.removeItem('Save-temp')
    toggleFaq(true)
  });
  

2. 服务器重定向导致请求方法变更

服务器如果存在HTTP转HTTPS、域名跳转（如不带www转带www）等重定向规则，当使用相对路径请求时，POST请求会在重定向过程中被转为GET请求。

• 解决： 检查服务器配置（如Nginx、Apache），确保/api/*路径不会被无关的重定向规则匹配；同时确保前端请求的协议、域名与服务器一致，避免触发重定向。

3. 前端SPA路由与API路由冲突

如果前端是单页应用（SPA），服务器若配置为将所有请求都指向前端入口文件（如index.html），会导致API请求被前端路由接管，进而触发GET跳转。

• 解决： 修改服务器配置，让/api开头的请求直接转发到后端API服务。以Nginx为例：

  # 处理API请求，转发到后端服务
  location /api/ {
    proxy_pass http://your-backend-server:port/;
    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
  }
  
  # 处理前端SPA路由
  location / {
    try_files $uri $uri/ /index.html;
  }
  

内容的提问来源于stack exchange，提问作者David-JSON