这是一个创建于 3359 天前的主题，其中的信息可能已经有所发展是发生改变。
├── src │ ├── assets │ │ └── logo.png │ ├── blueprints │ │ ├── base │ │ │ ├── index.js │ │ │ └── page.vue │ │ ├── base2 │ │ │ ├── index.js │ │ │ └── page.vue │ │ └── index.js │ ├── components │ │ └── Hello.vue │ ├── main.js │ └── widgets 在 src/blueprints/base/page.vue 中，我想通过绝对路径来引用 src/assets/logo.png
<template> <img class="logo" src="../../assets/logo.png"> </template> 如果使用相对路径， loader 可以将其处理为 base64 image 。使用绝对路径 loader 无法识别。
我想这么写
<template> <img class="logo" src="assets/logo.png"> </template> 有好用的处理办法么？
 | 1 SourceMan 2016-08-08 15:01:51 +08:00 写个 alias resolve: { alias: { 'assets': path.resolve(__dirname, '../src/assets'), } } |
 | 2 xylitolLin 2016-08-08 15:04:36 +08:00 写成 data ````Javascript <template> <img class="logo" v-bind:src="pic"> </template> <script> var pic = require('***/pic.png') module.exports = { data: function() { return { pic: pic } } } </script> ```` |
| 3 xylitolLin 2016-08-08 15:05:14 +08:00 咦，不支持 markdown ？ |
 | 5 majik OP @xylitolLin 我暂时就是用变量的方式绑定到页面上，但是这个图片只是用一次，也不会改变，难道还要为此去 import ？感觉有点脏 |
1 | 9 IamJ 2016-08-08 15:57:46 +08:00 这两种都不是绝对路径 |
| 11 majik OP |
 | 12 mlyknown 2016-08-08 23:03:41 +08:00 ~assets/logo.png;../../assets/logo.png;assets/logo.png; 这三种有什么区别呢 |
Select Language