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

Question

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

无法加载资源：//vue.dev/images/staff/%07Thompson_Jen.jpg

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

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

</div> 

，如果我：服务器400（错误请求）的状态

HTTP响应通过开发工具导航到图像，它会尝试加载上面的url，但如果尝试手动在URL中没有％07，它的工作原理，或者如果我硬编码的路径它也工作。不知道为什么它正在对％07进行修正。VueJS是否为属性编码属性？

Answer 1

JSON响应中必须包含BEL（％07）字符。 VueJS只是添加了它在末尾看到的任何字符串。该字符不会打印，因此可以解释您为什么不在任何地方看到它。