src/assets
src/assets/head.png
src/a.vue
src下有一个a.vue
<img src="@/assets/imgs/head.png">
<img src="./assets/imgs/head.png">
<!-- <img src="assets/imgs/head.png">-->
<img src="src/assets/imgs/head.png">
<img src="/src/assets/imgs/head.png">
第一种需要在vite.config.js 用path
import * as path from "path";
export default defineConfig({//npm install -D unplugin-vue-components unplugin-auto-import
// ...
server: {
port:5174,
host: '0.0.0.0', // 允许所有 IP 地址
},
resolve: {
alias: {
'@': path.resolve(__dirname,'./src')
}
},
网友评论