修复“bug：net::err_connection_refused”后端代码中的错误

在开发前后端分离项目时，使用vue2前端和fastapi后端，前端希望通过“http://10.96.67.161:8081/uploadimg/”接口传输图片给后端，但遇到了“post http://10.96.67.161:8081/uploadimg/ net::err_connection_refused”的报错。

分析错误后发现，后端的fastapi代码中使用的“localhost”为本机ip，与前端调用的ip不一致。因此，需要修改后端代码，将“localhost”替换为本机实际ip。

vue-component-analyzer

递归分析 Vue 项目组件依赖，从入口文件生成组件层级图，支持 Vue 2/3，输出组件名、文件路径和属性。适用于分析组件结构、排查依赖或了解项目架构。

下载

解决方案：

修改后端代码中的“localhost”为本机ip。例如，从ipconfig中得知本机ip为10.96.67.161，修改后的代码如下：

if __name__ == '__main__':
    uvicorn.run(app="main:app", host="10.96.67.161", port=8081, reload=True)

修改后，前端即可正常传输图片给后端。