React Node.js MySQL Uncaught ReferenceError:프로세스가 정의되지 않았습니다.

Question

<p>내 웹사이트에 검색 페이지를 구현하려고 합니다. 사용자는 키워드를 입력할 수 있어야 하며 웹사이트는 데이터베이스의 해당 키워드가 포함된 제품 테이블의 행을 반환해야 합니다. </p> <p>데이터베이스에 연결하려고 할 때 이 오류가 발생합니다</p> <pre class="brush:php;toolbar:false;">_stream_writable.js:57 Uncaught ReferenceError: 프로세스가 정의되지 않았습니다. ./node_modules/mysql/node_modules/reader-stream/lib/_stream_writable.js (_stream_writable.js:57:1) options.factory에서(반응 새로 고침:6:1) __webpack_require__(부트스트랩:24:1) fn에서(핫 모듈 교체:62:1) ./node_modules/mysql/node_modules/읽을 수 있는 스트림/읽을 수 있는-browser.js (읽을 수 있는 브라우저.js:4:1) options.factory에서(반응 새로 고침:6:1) __webpack_require__(부트스트랩:24:1) fn에서(핫 모듈 교체:62:1) ./node_modules/mysql/lib/protocol/sequences/Query.js (Query.js:7:1) options.factory(반응 새로 고침:6:1)</pre> <p>Search.jsx 파일입니다.내 사랑은</p> <pre class="lang-js Prettyprint-override"><code>"react"에서 {Component} 가져오기;; "./itemDisplay"에서 ItemDisplay를 가져옵니다. "./item"에서 항목 가져오기;; "./DB_functions"에서 { 테스트 } 가져오기; 클래스 검색은 구성요소를 확장합니다{ 생성자() { 감독자(); this.state = { 항목: [] } this.handleChange = this.handleChange.bind(this); this.handleSubmit = this.handleSubmit.bind(this); } 핸들체인지(이벤트) { this.setState({value: event.target.value}); } 핸들제출(이벤트) { console.log(this.state.value); Alert('이름이 ​​제출되었습니다: ' + this.state.value);// 대신 this.state.val을 뒤로 보냅니다. var 입력 = this.state.value.toLowerCase() //AWS 제품에서 검색 var mysql = require('mysql'); Alert("SQL이 필요합니다."); var sql = "SELECT * FROM products WHERE productName = ?" var con = mysql.createConnection({ 호스트: "[삭제됨]", 사용자: "[삭제됨]", 비밀번호: "[삭제됨]", 포트: '3306', 데이터베이스: "hs_db" }); Alert("연결이 완료되었습니다."); con.query(sql, 입력, 함수(err, 결과) { Alert("쿼리를 보냈습니다."); 만약 (잘못) 실수를 던져; 또 다른 var usersRows = JSON.parse(JSON.stringify(result)); for (let i = 0; i <p>내가 아는 정보는 我尝试에서 这一行创建与数据库的连接时会引发错误</p> <pre class="lang-js Prettyprint-override"><code>var con = mysql.createConnection({ 호스트: "[삭제됨]", 사용자: "[삭제됨]", 비밀번호: "[삭제됨]", 포트: '3306', 데이터베이스: "hs_db" }); <p>저는 제가 알고 있는 정보가 서로 같지 않습니다. </p>

Answer 1

사용자가 프런트 엔드에서 데이터베이스에 액세스하도록 허용하지 마세요. 원하는 작업을 수행하려면 백엔드 서버를 생성하고 HTTP 요청을 사용하여 서버와 통신해야 합니다.

이 작업을 수행하는 방법에 대한 튜토리얼은 여기에서 찾을 수 있습니다.