The background in the css attribute of the Vue project refers to the network image. What is the problem that it will not be displayed after packaging?

the background in the css attribute of the Vue project refers to the network image, which is not displayed after packaging?

many solutions on the Internet seem to be aimed at quoting local picture resources, so I would like to ask the bosses, is there a solution?

Jul.01,2021

has
solution:
1. You can transfer the image to base64 to the backend to return the database address;
2. Store local picture resources in the assets folder, which is used to store static resources;
3. Verify whether the image address is consistent with the http protocol of the project. For example, http accessing https, is a common big pit, just deal with it.


Hello, landlord! If the referenced network image cannot be accessed, the image link should be hotlink protection . It can be solved by nginx reverse proxy. If this is not the case, you can use the network tool in the browser to see what the exception is, and then solve it for this particular exception.

Menu