Ошибка {"html":" Forbidden You don't have permission, из-за чего она?

Ingernirated: пример чего?
Я бы вам рекомендовал читать просто документацию, а эта книга действительно устарела.
Есть замечательная книга Метта Зандстра Кто читал Мэтт Зандстра PHP: объекты, шаблоны и методики программирования. 4-е издание? - тут её обсуждали, почитайте. Но она довольна сложна к пониманию, ибо там описываются более сложные вещи и касаются они ООП. А вообще книг полно вот как пример: www.ozon.ru/?context=search&text=PHP+7.1&group=div...

Ошибка {"html":" Forbidden You don't have permission, из-за чего она?

Ingernirated: я полностью переписал код клиента и подправил сервер. Теперь надо объяснить вам то, как должно всё выглядеть, ибо вы немного не правильно понимаете работу php.

Ошибка {"html":" Forbidden You don't have permission, из-за чего она?

Ingernirated: да, это ошибка в js, я её только что исправил. Подождите.

Ошибка {"html":" Forbidden You don't have permission, из-за чего она?

Ingernirated: как вариант, хранить идентификатор в разметке в data-* атрибуте, и при создания нового блока запрашивать значение атрибута последнего элемента и прибавлять к нему единицу. Ну, как вариант.

Ошибка {"html":" Forbidden You don't have permission, из-за чего она?

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

Ошибка {"html":" Forbidden You don't have permission, из-за чего она?

Ingernirated: это то, что храниться в файле: connect.php?

$condb = new mysqli($server, $user, $password, "mydb");
  
  $sql = "SELECT id, about, url FROM videos WHERE id = 4";
  
  $result = $condb->query($sql);
  $res;
  if($result->num_rows > 0) {
    while($row = $result->fetch_assoc()) {
      $res = $row["url"];
    }
  }

Ошибка {"html":" Forbidden You don't have permission, из-за чего она?

Ingernirated:

<?php 
include "connect.php";
$data   = array(
       ' html' => '<div class="new">'.$res.'</div>'
);

echo json_encode($data);

?>

Это весь код? А где здесь запрос к бд и где присваивание переменной $res значения?

Ошибка {"html":" Forbidden You don't have permission, из-за чего она?

Ingernirated: а запрос к базе проходит?

Ошибка {"html":" Forbidden You don't have permission, из-за чего она?

Ingernirated: дайте мне немного времени, я проверю ваш код.

Где в коде находится getuser.php?q=?

Ingernirated: коментарий перенёс в ответы.

Где в коде находится getuser.php?q=?

Ingernirated: могу оформить ответом.

Где в коде находится getuser.php?q=?

В PHP файле с именем getuser.php примерно такой код будет

if (isset($_GET['q'])){
 //где $_GET['q'] - переданный параметр str из js файла
}

Ошибка {"html":" Forbidden You don't have permission, из-за чего она?

js код и весь php код приложите, ибо он воспринимает вашу ссылку, как каталог.

Как сделать запрос к бд при создании блока?

Ingernirated: смотрите обновление ответа.

Как сделать запрос к бд при создании блока?

Ingernirated: тогда пытайте аякс. Алгоритм: обрабатываете событие создание блока(я не знаю как вы это делаете кликом или как)=>посылаете аякс запрос на сервер, дабы получить картинку=> на сервере принимаете и вынимаете картинку из бд(тут главное понять, как вы вынимаете нужную картинку)=>формируете json массив с данными на сервере и возвращаете его на клиент=> разбираете массив на клиенте, создаете блок и впихиваете ссылку на картинку, которая пришла в массиве.

Схлопнуть блоки,и наложить на них блок?

position: absolute не? Ну, как вариант можно ведь абсолютно позиционировать.

Какой метод отвечает за загрузку стилей?

Ingernirated: кстати, на хабре очень много статей по ноде, которые мне когда-то помогли, поищите там. Видел даже, кто-то готовил REST FULL API.

Какой метод отвечает за загрузку стилей?

Ingernirated: вам нужно вникать не только в ноду, но и в асинхронную разработку. PHP предоставляет множество готовых решений, большое сообщество и рецепты на каждый день. В ноде с этим всё очень сложно. Чтобы понять её, придется ни один вечер просидеть, пытаясь приготовить код и не загубить его неверной синхронной интерацией. Более того, как ни крути, вам придется вникнуть в js. На ноде пишут на нем, да он немного отличается от клиентского, но это всё равно js.

Сама структура не особо сложна. Самая обычная модульная система. Лично мне пришлось учиться на практике. К моему большому сожалению все уроки, которые представлены в сети, отнюдь не актуальны, методом проб и ошибок, вчитываясь в документацию и читая статьи по ноде мне удалось понять, как это всё устроенно и как следует оформлять код. Но в моих знаниях всё равно куча пробелов. Собственно, я начинал с уроков Ильи Кантора и то его уроки не особо актуальны из них я подчерпнул только правильное оформление кода ну и ознакомился со структурой приложения(где хранить статику, как писать собственные модули, где хранить конфиги, как работать с базой), плюс документация к экспресс и модулям, которые я использовал. Собственно, это всё, что я могу сказать. Можно сделать вывод, что, чтобы познать этот дзен, придется очень много писать кода и совершать кучу ошибок, пытаясь вникнуть в best - practice.

Какой метод отвечает за загрузку стилей?

Ingernirated: отнюдь. На просторах сети можно встретить огромное количество фреймворков для веб-разработки на Node. Просто express самый известный из них. Есть ещё модули, которые реализуют нечто подобно типа: fast-static. Но, если уж решили писать веб-приложение, то тут без фреймворка не обойтись. К слову, нативных средств не припомню, может быть и есть, но я сразу же перепрыгнул на express.

Почему не работает приложение node.js на AWS?

account-1: вообще localhost это именно 127.0.0.1. Но у них видимо какая-то своя система и, откровенно говоря, мне с этим сталкиваться не приходилось. В том числе с самим nuxt, поэтому вряд ли что-то подскажу на этот счет. В любом случае это работает.)