When doing the project, I encountered some picture display problems

1. The assets file under SRC of the local image cannot be loaded

Solution: use require

2. Network picture, visit 403

Solution: add the tag
< meta   name="referrer"   content="no-referrer"  />
in the index.html file

Read More:

• Vue Dynamic Display Picture Error 404: Not Found [How to Solve]
• CSS to achieve dynamic display of picture text by mouse touch
• [Solved] vue3vite Error: Failed to resolve import “@vue/server-renderer from “src\App.vue“. Does the file exist
• [Solved] Vue Error: Uncaught TypeError: Vue.createApp is not a function
• Vue installation @ Vue/cli error: npmerr gyp err
• Full screen scrolling by Vue + Vue awesomeswiper
• [Solved] Font End Image Display Error: net::ERR_CONNECTION_RESET 431 (Request Header Fields Too Large)
• [Solved] Vue3.0 Error: The component has been registered but not used vue/no-unused-components, Close eslint
• [Solved] Vue Route Error: Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_42__.defineComponent) is not a function
• Vue warn]: vue3 element Component emit Pass Event Error
• [Solved] Vue Project Error: error ‘v-model‘ directives require no argument vue/valid-v-model
• [Solved] VUE D:\project\vueProject\vue-02\src\components\hello.vue 5:5 error Parsing error: x-invalid-end-tag
• [Solved] Vue3 Error: Unhandled error during execution of scheduler flush. This is likely a Vue internals bug. P
• Vue2.0: How to Use vue3 api to encapsulate Axios
• VUE Error: Vue Error in nextTick: “RangeError: Maximum call stack size exceeded“
• [Solution] VUE.js Load a local image with parameters in the script
• [Solved] vue error: error Component name “School“ should always be multi-word vue/multi-word-component-names
• Vue JS import font.css error [How to Solve]
• Vue: initialize failed: invalid DOM [How to Solve]
• [Solved] Vue echarts Error: Initialize failed: invalid dom.