Django图片URL前缀自带localhost地址，如何统一配置去除该前缀？

核心实现逻辑为对所有返回的图片URL做前缀匹配校验，匹配到http://localhost:8000前缀时直接移除该部分，保留后续路径即可，不同场景的具体实现如下：

后端接口统一处理（优先推荐） #

在模型返回结果对外输出前，统一对图片URL字段做清洗，避免后续多端重复处理。
Python示例代码：

def clean_image_url(url: str) -> str:
    localhost_prefix = "http://localhost:8000"
    if url.startswith(localhost_prefix):
        return url[len(localhost_prefix):]
    return url

Node.js示例代码：

function cleanImageUrl(url) {
    const localhostPrefix = 'http://localhost:8000'
    if (url.startsWith(localhostPrefix)) {
        return url.slice(localhostPrefix.length)
    }
    return url
}

前端渲染临时处理 #

如果无法调整后端返回逻辑，可在前端渲染图片时统一做清洗：
Vue示例代码：

<template>
  <img :src="cleanImageUrl(imgUrl)" alt="资源图片">
</template>
<script setup>
const cleanImageUrl = (url) => {
  const prefix = 'http://localhost:8000'
  return url.startsWith(prefix) ? url.replace(prefix, '') : url
}
</script>

通用正则适配方案 #

如果存在多个本地端口前缀需要清理的场景，可使用正则批量匹配移除所有localhost相关前缀：

import re

def clean_image_url(url: str) -> str:
    # 匹配所有http/https开头、localhost+任意端口的前缀
    return re.sub(r'^https?:\/\/localhost:\d+\/', '', url)

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