Vue.js 如何在Vue中引用公共目录中的图像？

我正在使用Laravel Mix，我的所有资产都在公共目录中。以下是我当前如何引用文件resource/js/components/Layout/Layout.vue中的图像：

正如您所见，一直写“../../”都很麻烦。有没有办法立即引用

/public

目录？我不能只使用

/images/Logo.png

，因为这些资产是在生产环境中上载到云提供商的

我见过人们使用

但是

@

引用了

/resources

目录。我是否应该以某种方式创建自己的别名

如何在Vue中顺利引用公共目录中的图像？

您需要：

const path=require（'path'）；
mix.webpackConfig({
决心：{
别名：{
“~”：path.resolve（'path/to/public'）//
<img src="../../../public/images/Logo.png" alt="Logo">