本地测试成功的Axios POST请求，为何服务器部署后返回404错误？-js教程-PHP中文网

本地测试成功的Axios POST请求，为何服务器部署后返回404错误？

DDD

发布： 2025-03-14 08:12:11

原创

644人浏览过

本地测试成功的axios post请求，为何服务器部署后返回404错误？

本地测试成功的Axios POST请求，为何服务器部署后返回404错误？

开发过程中，本地测试正常的API接口部署到服务器后返回404错误的情况并不少见。本文分析一个使用Axios发送POST请求到/api/save接口的案例，该接口本地测试正常，但服务器部署后（使用Nginx反向代理）返回404。

问题描述：

后端使用Node.js和Mongoose构建，save接口代码如下：

app.post('/api/save', async (req, res) => {
    const data = req.body;
    const dynamicSchema = new mongoose.Schema({
        ...
    }, { collection: data.user });

    const dynamicModel = mongoose.model(data.user, dynamicSchema);
    try {
        const newEntry = new dynamicModel(data);
        await newEntry.save();
        res.status(200).json({ message: 'data saved successfully' });
    } catch (error) {
        console.error('error saving data:', error);
        res.status(500).json({ message: 'error saving data' });
    }
});

登录后复制

前端Axios请求代码：

挖错网

一款支持文本、图片、视频纠错和AIGC检测的内容审核校对平台。

查看详情

async function save() {
    const data = { ... };

    try {
        const response = await axios.post('/api/save', data, { headers: { 'Content-Type': 'application/json', 'Accept': 'application/json' } });
        document.getElementById('saveStatus').textContent = response.data.message;
        alert("Data Saved!");
    } catch (error) {
        document.getElementById('saveStatus').textContent = error.response.data.message;
        alert("Save Failed!");
    }
}

登录后复制

本地测试通过，但服务器部署后，/api/save接口返回404错误，其他接口正常。

问题排查：

404错误通常指向路由配置问题。尽管其他接口正常，但/api/save接口的路由可能在服务器环境中未正确配置。需要检查以下几点：

服务器端路由配置： 确保/api/save路由已正确注册，并且与应用服务器监听端口（例如8080端口）匹配。
Nginx反向代理配置： 仔细检查Nginx配置，确认它是否正确地将请求转发到正确的应用服务器端口和路径。尤其注意location块的配置，确保它能正确匹配/api/save路径。
应用服务器启动状态： 确认服务器端应用已正常启动，并且/api/save接口的代码已正确部署。
服务器日志： 检查服务器日志文件（例如Nginx error log和应用服务器日志），寻找更多错误信息，这将有助于定位问题根源。