Flask+MongoDB存储外部链接跳转异常问题求助

你的问题核心是浏览器把外部链接当成了Flask应用的相对路径处理，导致目标URL被拼接到当前应用域名后，出现了错误的跳转地址。下面是具体的排查和解决方法：

1. 确认MongoDB中存储的链接格式 #

首先检查MongoDB里link字段的值是否是完整的绝对URL（必须以http://或https://开头）。如果用户输入的是example.com或www.example.com这类不带协议的地址，浏览器会默认将其视为当前域名下的相对路径，就会出现你遇到的http://127.0.0.1:5000/https://example.com（或类似http://127.0.0.1:5000/example.com）的错误跳转。

2. 后端自动补充URL协议（推荐方案） #

为了避免用户忘记输入协议，建议在后端处理表单提交时，自动给不带协议的URL补充https://（或http://）。这里用Python的urllib.parse工具来解析URL：

from urllib.parse import urlparse
from flask import Flask, request, render_template
# 导入你的MongoDB操作相关模块（比如pymongo）

app = Flask(__name__)

@app.route('/', methods=['GET', 'POST'])
def home():
    if request.method == 'POST':
        input_url = request.form.get('url')
        input_name = request.form.get('name')
        
        # 解析URL，检查是否包含协议头
        parsed_url = urlparse(input_url)
        if not parsed_url.scheme:
            # 若没有协议，默认补充https
            input_url = f'https://{input_url}'
        
        # 将处理后的完整URL存入MongoDB
        # 示例：your_collection.insert_one({'name': input_name, 'link': input_url})
    
    # 从MongoDB读取数据
    # data = list(your_collection.find({}))
    return render_template('home.html', data=data)

3. 前端模板的兜底校验（可选） #

如果你想在前端也做一层防护（虽然后端校验更可靠），可以在渲染链接时添加协议检查逻辑，同时建议加上target="_blank"让链接在新标签页打开，提升体验：

{% extends "base.html" %} 
{% block title %}Home{% endblock %} 
{% block content %}
<center>
  <form action="#" method="post">
    <input type="text" name="url" placeholder="Enter URL (e.g. https://example.com)">
    <input type="text" name="name" placeholder="Enter name">
    <input type="submit" value="Submit" class="btn btn-danger">
  </form>
  {% for item in data %}
  <div class="card" style="width: 18rem;">
    <h3 class="card-title">{{ item['name'] }}</h3>
    {# 检查链接是否带协议，无则补充https #}
    {% set link = item['link'] %}
    {% if not link.startswith('http://') and not link.startswith('https://') %}
      {% set link = 'https://' ~ link %}
    {% endif %}
    <a href="{{ link }}" class="btn btn-danger" target="_blank">Link</a>
  </div>
  {% endfor %}
</center>
{% endblock %}

内容的提问来源于stack exchange，提问作者Arnab Chakraborty