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

“纵有疾风来，人生不言弃”，这句话送给正在学习的朋友们，也希望在阅读本文《使用前后端分离项目传输图片时，前端出现“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”错误，如何解决？》文章吧，也可关注公众号了解相关技术文章。