VueJS 400对图像源绑定的错误请求

Question

我有这个VueJS网站，我在加载一些图片时遇到问题。我收到一个json响应，我可以循环遍历属性没有问题，但当我循环图像src我得到400每个图像的错误请求。

无法加载资源：服务器响应状态为400（错误请求）

http：//vue.dev/images/staff/%07Thompson_Jen.jpg

<div class="col-sm-4" v-for="employee in staff">

    <img :src="'/images/staff/'+employee.imageName">

</div>

如果我通过开发工具导航到图像，它将尝试加载上面的网址，但如果在没有％07的网址中手动尝试，它可以工作或者如果我硬编码路径它也可以工作。不知道为什么它会在％07上添加。属性的VueJS编码属性是什么？

Answer 1

JSON响应中必须包含BEL（％07）字符。 VueJS只是在那里添加它看到的任何字符串。这个角色不打印，这样可以解释为什么你没有在任何地方看到它。