Vue2+FastAPI 前后端项目中，如何解决“net::ERR_CONNECTION_REFUSED”错误？

“net::err_connection_refused”错误：解决方案

在前后端分离项目中，使用vue2框架的前端和使用fastapi框架的后端进行交互时，前端可能会遇到“net::err_connection_refused”错误。

问题原因

此错误通常是因为前端请求发送到了错误的地址或端口导致的。在本例中，前端请求发送到了“localhost:8081”，但后端实际运行在“10.96.67.161:8081”上。

解决方案

要解决此问题，修改后端代码中“localhost”为本机ip即可。

如修改后的代码所示：

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