Задать вопрос
  • Как правильно подгружать динамические изображения во Vue.js?

    @NVY977 Автор вопроса
    Aetae, именно так и делаю. Пользователь загружает картинку, затем отправляет, сервер принимает кладет в папку ../img/, но для того чтобы увидеть картинку необходимо перезагрузить страницу. Путь у src указываю правильно (т.к. картинка загружается) , без require, просто
    <img :src="'../img/' + message.filename" alt="img"/>

    Но, опять же , чтобы увидеть картинку необходимо обновить страничку.
  • Как правильно подгружать динамические изображения во Vue.js?

    @NVY977 Автор вопроса
    Стало намного понятнее, спасибо. Но до сих пор не совсем понимаю как динамически подгружать картинки.
    Изображения отсутствуют на момент компиляции.
    Изображения загружаются, но страница перезагружается при добавлении изображений. Соответственно не понятно как именно загрузить изображении без перезагрузки страницы.
    Вот мой file-loader:

    {
                    test: /\.(png|jpg|jpeg|gif|svg)$/i,
                    use: [
                        {
    
                            loader: 'file-loader',
                            options: {
                                name: `[name].[ext]`,
                                publicPath: '../img/',
                                outputPath: '../img/',
                            }
                        },
                    ],
                },


    На счет __webpack_public_path__. Как я понял из документации ( https://v4.webpack.js.org/api/module-variables/#__... ) Это и есть publicPath