React и Ax ios не подключаются к бэкэнду - PullRequest
Новая
       13

React и Ax ios не подключаются к бэкэнду

0 голосов
/ 09 апреля 2020

Мой код не работает , я использую нод и React, топор ios пытается соединиться с бэкэндом, но не удается.

Когда я пытаюсь подключиться в консоли: изображение firefox консоли

мой код: frontend / pages / login / index. js

import { FiLogIn } from 'react-icons/fi'
import  {Link } from 'react-router-dom'
import api from '../../services/api'
import './styles.css'

export default function Login() {
    const [name, setName] = useState('')
    const [password, setPassword] = useState('')

    async function handleLogin(e) {
        e.preventDefault()

        let data = ({
            name,
            password}
        )
        try {
            let response = await api.post('session', data)
        } catch(err){
            console.log(err)
        }
    }


    return (
        <div className="login-conteiner">
            <header>
                <nav>
                    <div className="navlinks">
                        <Link to="/"><div className="li">Vega</div></Link>
                        <Link to="about.html"><div className="li">Sobre</div></Link>
                    </div>
                </nav>
            </header>
            <main className="login">
                <div className="heading">
                    <span className="blackblock"><h1>Vega Leads</h1></span>
                    <h2>Visualize todos os Leads <br /> da sua Instiuição <br /> e torne em alunos.</h2><br />
                </div>
                    <div>
                        <form className="loginForm" id="form" onSubmit={handleLogin}>
                            <div className="loginItem"><label htmlFor="login">Login </label><input className="formInput" type="text" name="login" id="login" 
                            value={name} 
                            onChange={e => setName(e.target.value)} /></div><br />
                            <div className="loginItem"><label htmlFor="senha">Senha </label><input className="formInput" type="password" name="password" id="password" 
                            value={password}
                            onChange={ e => setPassword(e.target.value) } /></div><br />
                            <button type="submit" className="startButton" id="postForm">Enviar <FiLogIn size={25} color="#11548f" /></button>
                        </form>
                    </div>
            </main>
        </div>
    )}

Ax ios api : frontend / services / api. js


const api = axios.create({
    baseURL: 'http://localhost:3333',
})

export default api

Если вам нужно больше файлов для решения моей проблемы, спросите меня. Спасибо

1 Ответ

0 голосов
/ 09 апреля 2020

я решил проблему.

проблема в индексе моего бэкэнда (backend / src / index. js)

я забыл модуль CORS.

это мой код: 

const routes = require('./routes')
const cors = require('cors')

const app = express()
app.use(cors())
app.use(express.json())
app.use(routes)

app.listen(3333)
...