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

最近发现不少小伙伴都对文章很感兴趣，所以今天继续给大家介绍文章相关的知识，本文《前后端分离项目中，如何解决“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”错误？》的详细内容，更多关于的资料请关注golang学习网公众号！