main.vue 文件指导修改

目录树位置：✅msg/main.vue 你的文件夹 src/msg 下的 main.vue 文件

聊天界面的头像修改

首先，打开浏览器，在地址栏输入链接下载以下两张图片，右键另存为到本地

接下来，在项目的根目录\public\images把下载好的beluga.jpg和Polite.jpg放进去，然后再挑一个你喜欢的图片（比如你的头像），重命名为user.jpg然后跟其他图片放在一起。

这里说的是images文件夹，不是icon文件夹，千万别搞错放头像-演示图片2

操作好之后，把main.vue的第226-269行改成这样：

//这是原来的嗷 getAvatarUrl(avatar) { const avatarPath = '/img/'; return
`https://cdn.xn--7ovw36h.love/${avatarPath}${avatar}.jpg`; // 拼接头像的完整路径
},

//这是改完之后的(要你改的)
    getAvatarUrl(avatar) {
      const avatarPath = '/images/';
      return `${avatarPath}${avatar}.jpg`;
    },