J'ai une opération à localhost:3000
运行 VueJS 的网站,它执行一些调用 this.nextImage()
.
methods: // content // async nextImage() { console.log("In nextImage from App.vue"); // keeping track of location try { const response = await axios.get('http://localhost:5050/images'); console.log(response.data); [how to make an image?] } catch (error) { console.error(error); } } // content // <template> <!-- stuff --> <div class="picture"><img :src="[what should go here?]" :alt="imageName"></div> <!-- more stuff --> <template
On localhost:5050
est un serveur Express qui comprend :
const path = require('path') // content // app.get('/images', (req, res) => { console.log("Express server: /images"); // tracking location let imageName = 'myImage' let imagePath = path.join(__dirname, '/images/' + imageName + '.jpeg') res.sendFile(imagePath) })
Enregistrer la réponse.données fournies
����JFIF��� !.%+!&8&+/1555$;@;4?.4514+$+44444444444444444444444444444444444444444444444444���"����B !1AQ2aq���"BR�����b�#3CSr���D��$%4����&1Q!Aa�2q�"��?�Z�UyEZL�>��ˀ��@�'G ��YU�U�$RlX�d<ǜ (... abbreviated because I had too much code)
J'ai besoin de deux choses très simples :
Il s'agit d'une solution très simple. En fait, je n'ai pas besoin d'envoyer le fichier lui-même, juste un lien vers le fichier (juste
app.send(imagePath)
)。当客户端对服务器进行 GET 调用时,它们会获得一个 url,该 url 可以包含在img
标记中,如下所示:<img source="imagePath">
.