How to set the value of a background Image in Vue using a URL generated by an API

I am trying to set the value of the background image of my #app element in Vue to the response that is generated from Unsplash’s API. I am able to retrieve the image URL, but I am having some difficulty in trying to relay that information to the background style element. Overall, my goal is to use a random image and display it on the screen every page reload. My method: I pulled down the URL from the Unsplash API in the methods section I then created an image in the data section and set that equal to the response

API called twice while useEffect triggered once. ReactJS/Javascript

i am building a project, in which when user click the buyNow button in Basket (child 2) it will pass the props back to parent where it further pass it to another child in Signin(child 3) where we call an API call(inside useEffect) to update the mysql database but it seems that the API call is called twice as in database two records are being created and in front end i got two identical invoices record but different file names. Any suggestion guys why i am facing this, please note if i remove the useEffect statement from the Signin it

How to display API data by entering a postcode into a search bar?

I currently have an input search bar with a submit button and code that will display the API data that I want. However, in the URL for the API, it sets the location to the postcode “FK1 5LD” as you can see the section “area=FK1%205LD”. The way the data is displayed and formatted works perfectly for me. But I would like to be able to type in the postcode “FK1 5LD” into the input search bar and when I click the submit button, it would display the API data I have already coded. Thank you! Search Bar and Button HTML

extend existing API with custom endpoints

I’m creating an API for multiple customers. The core endpoints like /users are used by every customer but some endpoints rely on individual customization. So it might be that User A wants a special endpoint /groups and no other customer will have that feature. Just as a sidenote, each customer would also use his own database schema because of those extra features. I personally use NestJs (Express under the hood). So the app.module currently registers all my core modules (with their own endpoints etc.) I think this problem is not related to NestJs so how would you handle that in