Just Me

https://dmitripavlutin.com/react-throttle-debounce/

JS однопоточный, но его движки v8 и libuv написаны на С++, который может использовать потоки ядра машины, на которой установлен JS для его целей. Причём количество подключаемых потоков можно изменять в настройках (для node)

onsuccess = (request) => {
                        block_request = false;
                        document.getElementById("image-list").innerHTML += request.response;
                        // При просмотре в браузере здесь есть аттрибут response и там есть html код
                        console.log(request)
                        // Здесь выводит пустоту
                        console.log(request.response);
                    },

тут onsuccess принимает request, в котором ещё нету ответа запроса. Он появится в коллбеке тут:

request.onreadystatechange = () => {
                if (request.status === 200 && ready_to_react === true) {

                    ready_to_react = false;

                    onsuccess(request);
                } else {
                    ready_to_react = false;
                    onerror(request);
                }

            }

contentBase: './public',

увелич рамеры ключа.

в консоли

SET GLOBAL innodb_large_prefix=on;

отключи везде 'style-loader' он конфликтует с 'sass-loader'

если конечно тебе не надо загружать css в js. Но тебе это не надо

RewriteEngine On
RewriteBase /
RewriteRule ^/?(.*) test.html [R,L]

тестирование

держи для webpack 5. Вариант для прода

{
        test: /\.s?css$/,
          use: [
            MiniCssExtractPlugin.loader,
		    {loader: 'css-loader', options: {sourceMap: false }},		    
			{
				loader: 'postcss-loader',
				options: {
				  postcssOptions: {
					plugins: function () {
					  return [
						require('autoprefixer')
					  ];
					}
				  }
				}
			},
			'sass-loader'
          ]
      }

Правильно определённая проблема - вывод динамических скриптов в HTML с помощью JS. Варианты:

1) вставка во фрейм. Только не с помощью v-html, а для этого есть нативные js функции. То же самое можно сделать с помощью vue - плагина

2) вручную собрать тег script и вставить его в HTML

сокрытие эндпоинтов:

- невозможно
- в плане безопасности тебе ничего не даст

реализуй подгрузку скрытых данных по авторизации через jwt-токен. Этого будет достаточно

Делал приложение на Vue SPA (портал с играми, анкетами и т.д.), возникла проблема в следующем:

если на странице присутствуют динамические скрипты, то для их подгрузки на SPA надо строить большой велосипед - подгружать их во фрейм, где к ним теряется доступ Vue. Особенно, если эти скрипты подгружают ещё какие-то скрипты

в то время, как при стандартной перезагрузке MPA они просто вставляются в html

модуль 1

export const actions = {
	createSmth({commits, dispatch}, data){
		dispatch('actionOfAnotherModule')
	}
}

модуль 2

export const actions = {
	actionOfAnotherModule({commits}, data){
		...
	}
}

Троллинг детектед

ExtractTextPlugin depricated используй MiniCssExtractPlugin

Запрети кеширование текущей HTML страницы прописав в ней:

<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="-1">

и проверь действительно ли app.css имеет разные имена при разных сборках на странице

сборка точно разная? сбрось кеширование для vue:

vue.config.js

chainWebpack: config => {				
	    if (process.env.NODE_ENV === 'production') {				
	      config.module.rule('vue').uses.delete('cache-loader');				
	      config.module.rule('js').uses.delete('cache-loader');				
	      config.module.rule('ts').uses.delete('cache-loader');				
	      config.module.rule('tsx').uses.delete('cache-loader');				
	    }				
	  }

никогда не лепи дополнительные стили на сетку, где стоят .col

<div class="container">
    <div class="row">
      <div class="col-4 px-3">
        <div class="card my-class">
          Test
          suifyuwiygfuisygusdifyg
          weiurwoeurwoeur
          ewoiruwoeurioweruowei
          weioruweoruoweiru
        </div>
      </div>
      <div class="col-4 px-3">
        <div class="card my-class">
          Test
          suifyuwiygfuisygusdifyg
          weiurwoeurwoeur
          ewoiruwoeurioweruowei
          weioruweoruoweiru
        </div>
      </div>
      <div class="col-4  px-3">
        <div class="card my-class">
          Test
          suifyuwiygfuisygusdifyg
          weiurwoeurwoeur
          ewoiruwoeurioweruowei
          weioruweoruoweiru
        </div>
      </div>
</div>