VUE3及flask打包转移出现非预期ip绑定

Question

大哥大佬们，帮帮忙吧！
前几天在公司实习的时候，导师他们因为在ddl赶项目，所以给了我写任务去实现熟悉一下相关的东西，其实就是学习VUE3+FLASK+TS以及数据库等等的东西，他让我做个小项目熟悉这些，都能体现这些功能就行，后来又让我转移到公司服务器开的centos7上尝试加入docker部署上这些，因为没尝试过docker，所以想着先在centos7实现本机部署，结果后端程序转移并且打包dist放入服务器后，绑定nginx的转发网页后。出现了问题：提供nginx开放的端口，可以提供内网IP访问到服务器内的网页，但是服务器上运行的后端.py程序没有和网页前端实现路由转换，但是在服务器外的本机运行后端.py程序，可以和服务器内的网页前端实现路由转换？除了数据库的IP设定为内网IP地址，而打包前的config.js代理都是127.0.0.1：5000，nginx.conf只改写了前端文件夹节点

Answer 1

以下回复参考：皆我百晓生、券券喵儿等免费微信小程序作答:

根据你的描述，问题可能出在后端 Flask 应用绑定的 IP 地址上。当你在服务器上运行 Flask 应用时，你需要确保它监听的是服务器的内网 IP 地址，而不是默认的 127.0.0.1（本地回环地址）。

你可以在启动 Flask 应用时指定要监听的 IP 地址和端口。例如：

from flask import Flask

app = Flask(__name__)

@app.route('/')
def hello():
    return 'Hello, World!'

if __name__ == '__main__':
    app.run(host='0.0.0.0', port=5000)

这里，host='0.0.0.0' 表示监听所有可用的网络接口，包括内网和外网。port=5000 表示监听的端口号。

然后，你需要确保 Nginx 配置文件中的代理设置正确。例如：

location / {
    proxy_pass http://your_server_internal_ip:5000;
    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}

将 your_server_internal_ip 替换为你的服务器内网 IP 地址。这样，Nginx 就会将请求转发到 Flask 应用，而 Flask 应用会监听指定的内网 IP 地址和端口。