-
[react] mysql 연동하기React.js/react 2023. 1. 31. 15:42
server/config/db.js
const mysql = require('mysql'); const db = mysql.createPool({ host: 'localhost', user: 'martjangbogo', password: '123123123', database: 'martjangbogo_cs', }) module.exports = db;server/server.js
const express = require('express'); const app = express(); const PORT = process.env.PORT || 4000; const db = require('./config/db.js') const cors = require('cors'); const { router } = require('json-server'); app.use(cors({ credentials: true, origin: "http://localhost:4000" })); app.get('/join', (req, res) => { res.header("Access-Control-Allow-Origin", "*"); res.header("Access-Control-Allow-Headers", "*"); db.query('select * from ceo_cs where category = "회원가입_승인요청";', (err, data) => { if(!err) { console.log(data); res.send(data); } else { console.log(err); } }) }) app.listen(PORT, () => { console.log(`Server on : http://localhost:${PORT}`); });서버에 데이터 요청
useEffect(() => { axios.get('http://localhost:4000/join') .then((res) => { setResData(res.data) }) .catch((err) => { console.log(err); }) }, []);'React.js > react' 카테고리의 다른 글
[react] 카카오톡 공유하기 소스 (0) 2023.02.13 [react] 태그 안의 DOM에 접근하기(태그 안의 텍스트만 추출하는 법) (0) 2023.02.01 [react] react에서 <select> 사용하기 예시소스 (0) 2022.12.27 [axios] post / get / delete / put 으로 데이터를 처리하자 (0) 2022.12.07 [react-router-dom] <Link> : 링크 걸기 (0) 2022.12.07