Laravel + Vuejs：如何将图像链接到 Laravel 公共文件夹

【问题标题】：Laravel + Vuejs: How to link image to Laravel Public folderLaravel + Vuejs：如何将图像链接到 Laravel 公共文件夹
【发布时间】：2021-03-02 11:24:22
【问题描述】：

这是我之前用blade的时候用的。

<img src="{{ asset('images/3379.svg') }}" alt="computer">

但是现在我用的是vue，就不行了。

我们如何链接到 vuejs 中的 public/asset 文件夹？

【问题讨论】：

你考虑过在 vue.config.js 中使用代理吗？

标签： laravel vue.js

【解决方案1】：

找到了：

#1 在 webpack.config.js 中创建一个别名。添加此'@assets': path.resolve(__dirname, 'public') 代码行。

webpack.config.js

const path = require('path');

module.exports = {
    resolve: {
        alias: {
            '@': path.resolve('resources/js'),
            '@assets': path.resolve(__dirname, 'public')
        },
    },
};

#2 将配置加载到 webpack.mix.js。添加这些代码行：

const webpackConfig = require('./webpack.config');
mix.webpackConfig(webpackConfig);

#3 使用别名 <img src='@assets/images/3379.svg' alt="computer"/>

[参考] https://laracasts.com/discuss/channels/javascript/how-to-shortcut-the-path-to-the-assets-directory-in-vuejs-spa

【讨论】：