前端展示用户数据时如何做假名化处理？

娜娜 Dev 提问于 2026-03-25 10:35:19 阅读 5

安全

我们系统要在前端展示用户列表，但不能直接显示真实姓名，得用假名。我试过在接口返回后手动替换名字，但感觉不太安全，而且分页加载时容易漏掉。

比如现在这段 HTML 是从后端拿的数据直接渲染的：

<div class="user-card" v-for="user in users" :key="user.id">
  <h3>{{ user.name }}</h3>
  <p>邮箱：{{ user.email }}</p>
</div>

有没有更稳妥的做法？是在前端生成假名还是后端必须处理？担心用户通过 devtools 看到原始数据。

隐私保护

我来解答赞 3 收藏

反馈

1 条解答

设计师宇硕 Lv1

省事的话就在后端处理假名化，前端直接用假名显示。这样保证了数据安全，不会漏掉任何分页数据。后端改个接口返回假名就行。

// 假设后端处理返回的数据格式

{

  "users": [

    { "id": 1, "name": "假名A", "email": "user1@example.com" },

    { "id": 2, "name": "假名B", "email": "user2@example.com" }

  ]

}

2026-03-25 10:54