使用前后端分离项目传输图片时，前端出现“net::ERR_CONNECTION_REFUSED”错误，如何解决？

“bug：net::err_connection_refused”解决方案

在使用前后端分离项目传输图片时，前端控制台报告错误“net::err_connection_refused”。

问题分析：

• 前端使用vue2框架，后端使用fastapi。
• 前端接口配置错误，未指定本地ip。
• 后端代码中指定了localhost，但未配置本机ip。

解决方案：

修改后端fastapi的host地址为本机ip。例如，如果本机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”错误，如何解决？的详细内容，更多请关注其它相关文章！