Почему возникла ошибка GET net::ERR_ABORTED 404 (Not Found)?

Question

kwecwcf @kwecwcf

Почему возникла ошибка GET net::ERR_ABORTED 404 (Not Found)?

Ошибка test1.ru/:19 GET test1.ru:96/build.js net::ERR_ABORTED 404 (Not Found)
index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Система</title>
<link rel="stylesheet" href="style.css">
<script type="text/javascript"></script>
</head>

<body>
<div class="header">
<div class="header__section">
<div class="header__item headerButton1"><a href="#">Портфолио</a></div>
<div class="header__item headerButton2"><a href="#">Рейтинг</a></div>
</div>
</div>
<input type="button" name="b" value="Вход" />
<script src="build.js"></script>
</body>
</html>

test.js

var mysql = require('mysql');

console.log('Get connection ...');

var conn = mysql.createConnection({
database: 'university',
host: "localhost",
user: "aaa",
password: "aaa"
});


conn.connect();
var query = conn.query("SELECT `fio` FROM `students` WHERE `id`=1",function(error,result){
if (error) throw error;
console.log(result);
});

использовался browserfy
папка содержит файлы:
node_modules
bundle.js
index.html
package.json
package-lock.json
style.css
test.js

Вопрос задан более трёх лет назад
23073 просмотра

Комментировать

Подписаться 1 Простой Комментировать

Помогут разобраться в теме Все курсы

Нетология

Веб-разработчик с нуля: профессия с выбором специализации

14 месяцев

Далее
Академия Эдюсон

Fullstack-разработчик на JavaScript + ИИ

11 месяцев

Далее
ProductStar × РБК

Профессия: Инженер по тестированию + ИИ

6 месяцев

Далее

Решения вопроса 1

17 комментариев

kwecwcf @kwecwcf Автор вопроса

Это моя не внимательность(
Теперь возникла другая ошибка:
Uncaught TypeError: Net.createConnection is not a function
at Connection.connect (bundle.js:20241)
at Object.223.mysql (bundle.js:36736)
at o (bundle.js:1)
at r (bundle.js:1)
at bundle.js:1

Написано более трёх лет назад
historydev @historydev Куратор тега JavaScript

kwecwcf, я сразу заметил что у вас файл который нужно запускать через node, на клиенте стоит ахахах, уберите подключение файла из html страницы и запустите в консоли NODE:

> node test.js

Написано более трёх лет назад
kwecwcf @kwecwcf Автор вопроса

Мне нужно данные в браузере выводить

Написано более трёх лет назад

historydev @historydev Куратор тега JavaScript

kwecwcf, так отправляйте данные с сервера на клиент, а лучше сначала кинуть запрос на сервер, а получить данные на клиенте.

Клиент:

async function getData(url) {

  url instanceof String && url.length ? url : '/';

  const options = {
    method: 'POST',
    headers: {
      'Content-Type' : 'application/json'
    }
  };

  let response = await fetch(url, options);

  let data = response.json();

  return data;

}

const data = getData(); // Ваши данные

console.log(data);

Сервер:

var mysql = require('mysql');

console.log('Get connection ...');

var conn = mysql.createConnection({
database: 'university',
host: "localhost",
user: "aaa",
password: "aaa"
});


conn.connect();

app.post('/', (req, res) => {
   conn.query("SELECT `fio` FROM `students` WHERE `id`=1",function(error,result){
      if (error) throw error;
      res.send(result.map(item => item));
   });
});

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

Написано более трёх лет назад

kwecwcf @kwecwcf Автор вопроса

Владимир, спасибо за помощь и извините, пожалуйста, ещё вопрос
index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
  </head>
  <body>
      <script src="client.js"></script>
  </body>
</html>

client.js

async function getData(url) {
    url instanceof String && url.length ? url : '/'; 
    const options = {
      method: 'POST',
      headers: {
        'Content-Type' : 'application/json'
      }
    };
  
    let response = await fetch(url,options);
    let data = response.json();  
    return data; 
  }
  
  const data = getData('http://test1.ru:96/');  //?
  console.log(data);

server.js

const express = require('express');
const mysql = require('mysql');

const app = express();

console.log('Get connection ...');

var conn = mysql.createConnection({
database: 'university',
host: "localhost",
user: "aaa",
password: "aaa"
});


conn.connect();

app.post('/', (req, res) => {
   conn.query("SELECT `fio` FROM `students` WHERE `id`=1",function(error,result){
      if (error) throw error;
      res.send(result.map(item => item));
   });
});

app.listen(96);

и ошибка Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0

Написано более трёх лет назад

historydev @historydev Куратор тега JavaScript
kwecwcf,
1.

url instanceof String && url.length ? url : '/'; // Изучите getData() // По стандарту стоит '/' не нужно вводить url

2. Ошибка в промисе скорее всего из-за того что данные не получены, попробуйте вывести в консоль result на сервере, тогда будем точно знать.
Написано более трёх лет назад
kwecwcf @kwecwcf Автор вопроса

Владимир,
1. возникает ошибка

2. соединение устанавливается, данные получены

Написано более трёх лет назад
historydev @historydev Куратор тега JavaScript

kwecwcf, добавьте await перед response.json

Написано более трёх лет назад
historydev @historydev Куратор тега JavaScript

kwecwcf, и у вас явно ошибка в запросе, вы не убирали строку фильтрации url?

Написано более трёх лет назад

kwecwcf @kwecwcf Автор вопроса

Владимир,
сообщение об ошибке

нет, ничего не изменял
client.js

async function getData(url) {
  url instanceof String && url.length ? url : '/';

  const options = {
    method: 'POST',
    headers: {
      'Content-Type' : 'application/json'
    }
  };

  let response = await fetch(url, options);
  let data = await response.json();
  return data;

}

const data = getData(); 
console.log(data);

server.js

const express = require('express');
const mysql = require('mysql');

const app = express();

console.log('Get connection ...');

var conn = mysql.createConnection({
database: 'university',
host: "localhost",
user: "aaa",
password: "aaa"
});

conn.connect();

app.post('/', (req, res) => {
   conn.query("SELECT `fio` FROM `students` WHERE `id`=1",function(error,result){
      if (error) throw error;
      console.log(result);  
      res.send(result.map(item => item));
   });
});

app.listen(96);

Написано более трёх лет назад

historydev @historydev Куратор тега JavaScript

kwecwcf, выведите в консоль url, выведите в консоль всё что можно вывести, отладку проведите

Написано более трёх лет назад
kwecwcf @kwecwcf Автор вопроса
Владимир,
ReferenceError: url is not defined

вывод через

app.post('/', (req, res) => { conn.query("SELECT `fio` FROM `students` WHERE `id`=1",function(error,result){ if (error) throw error; res.send(result.map(item => item)); }); });

ничего не дает, но так

var query = conn.query("SELECT `fio` FROM `students` WHERE `id`=1",function(error,result){ if (error) throw error; console.log(result); });

данные получены
при обработке клиента ошибки сохраняются

если смотреть только сервер, ругается на express

используя browserify
Написано более трёх лет назад

historydev @historydev Куратор тега JavaScript

Да не на сервере Url..........

Я вроде понял где я ошибся, вот это должно сработать:

async function getData(url) {
  
let queryForUrl = url instanceof String && url.length ? url : '/';

  const options = {
    method: 'POST',
    headers: {
      'Content-Type' : 'application/json'
    }
  };

  let response = await fetch(queryForUrl, options);
  let data = await response.json();
  return data;

}

const data = getData(); 
console.log(data);

Написано более трёх лет назад

kwecwcf @kwecwcf Автор вопроса

Владимир,
все равно

и все та же ошибка

Написано более трёх лет назад
historydev @historydev Куратор тега JavaScript

kwecwcf, поправил

Написано более трёх лет назад
kwecwcf @kwecwcf Автор вопроса

Владимир,

Написано более трёх лет назад
historydev @historydev Куратор тега JavaScript

Я не могу так помочь, если вы зальёте на хост и скинете ссылку на сайт, тогда смогу

Написано более трёх лет назад