https://github.com/davipythonweb/flask-react
Comunicação de backend flask com frontend react.
https://github.com/davipythonweb/flask-react
flask react
Last synced: 3 months ago
JSON representation
Comunicação de backend flask com frontend react.
- Host: GitHub
- URL: https://github.com/davipythonweb/flask-react
- Owner: davipythonweb
- License: unlicense
- Created: 2024-02-20T16:14:12.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-04-30T00:31:23.000Z (almost 2 years ago)
- Last Synced: 2025-01-19T14:17:16.428Z (about 1 year ago)
- Topics: flask, react
- Language: HTML
- Homepage:
- Size: 184 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# flask-react
Comunicação de backend flask com frontend react.
- ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ \o/
# API com react e flask
## APLICAÇAO FUNCIONANDO 100%
## aplicacao com frontend react e backend flask e banco sqlite usando o ORM peewee para criacao de tabelas
## OBS: nao foi resolvido o problema de salvar no banco mysql(estava funcionando)
## comunicacao do react com o flask por api que conecta a rota com a biblioteca axios do React
### porque usar O flask-cors
- criar a pasta=> flask-server
- rodar o comando => npx create-react-app client
- pip install flask
- pip install peewee
- pip install flask-cors
- colocar esta linha de codigo no arquivo package.json=> "proxy":"http://localhost:5000",
- dentro de react-clien , instalar o axios=> npm install axios
- rodar server flask
- rodar o server react
- Quando você desenvolve uma aplicação web que faz solicitações Ajax (por exemplo, usando o fetch ou XMLHttpRequest no JavaScript) de um domínio para outro, é possível que você se depare com restrições de CORS. Essas restrições podem impedir que o navegador execute a solicitação, a menos que o servidor permita explicitamente solicitações provenientes do domínio da sua aplicação.
- O flask-cors simplifica o processo de habilitação do CORS em um aplicativo Flask, fornecendo uma maneira fácil de configurar quais origens (domínios) são permitidas, quais métodos HTTP são permitidos, como lidar com cabeçalhos personalizados e outras configurações relacionadas ao CORS.