前后端分离项目中，如何解决“net::ERR_CONNECTION_REFUSED”错误？

修复“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。

解决方案：

修改后端代码中的“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)

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

以上就是前后端分离项目中，如何解决“net::ERR_CONNECTION_REFUSED”错误？的详细内容，更多请关注其它相关文章！