使用 Vue 和 laravel 创建重复图像答案

【问题标题】：Duplicate image is created using Vue and laravel使用 Vue 和 laravel 创建重复图像
【发布时间】：2018-01-31 03:05:05
【问题描述】：

大家好，我是 Vue 的新手，所以我想知道为什么会创建重复的图像，例如：- 当我在编译后使用内联 css 时，会在公共文件夹中再创建一个图像。注意我在 resource/assets/js 文件夹中有 image/logo.png 示例代码

<template>
<Img src="image/logo.png">
</template>

此示例代码位于 resource/assets/js 中。问题是在编译期间图像文件应该存在于 resource/assets/js/image/logo.png 否则它会抛出错误模块不存在。是否有其他替代方法，例如： - 图像文件存在于一个公共文件夹中，所以它不会创建重复图像并且 npm run watch 不会抛出错误。

【问题讨论】：

标签： laravel-5 vue.js laravel-5.2 vuejs2

【解决方案1】：

我认为这是由于 laravel 的默认 webpack 配置。

默认情况下，Laravel Mix 和 Webpack 会找到 example.png，将其复制到您的 public/images 文件夹，然后在生成的样式表中重写 url()。

详情here

【讨论】：

有什么办法可以让我传递动态网址
我不认为你可以。由于 webpack 需要知道正确工作的路径。你不能这样做 var urlpath = 'images.png'; 和 <Img src="urlpath"> 因为 webpack 无法解决它。