Hola, necesito hacer una aplicación web con registro de usuario y me gustaría probar el script localmente. Hago todo el sitio con Vue + Axios y necesito implementar jwt. ¿Puede alguien decirme cómo puedo iniciar el servidor localmente para probar este script?
import axios from 'axios' export default { name: 'Register', data() { return { email: '', password: '', nome: '', cognome: '', data: '', telefono: '', risiedi: '', cap: '', provincia: '', citta: '', privacy: false } }, methods: { handleSubmit() { const data = { email: this.email, password: this.password, nome: this.nome, cognome: this.cognome, data: this.data, telefono: this.telefono, risiedi: this.risiedi, cap: this.cap, provincia: this.provincia, citta: this.citta, privacy: this.privacy }; axios.post('http://localhost:8000', data) .then( res => { console.log(res) } ).catch( err => { console.log(err) } ) } } }Para instalar un servidor Node.js simple usando Express.js, primero asegúrese de tener express-generator instalado en su npm global. Puede ejecutar el siguiente comando para instalar
npm install -g express-generator // may require (sudo) in some instances Vaya al directorio de su proyecto deseado (por ejemplo, cd backend ) y asegúrese de que esté vacío
. ├── frontend ├── backendLuego ejecuta el comando
npx express-generatorInstalar las dependencias
npm installInstalar cors
npm install cors Configure cors (intercambio de recursos de origen cruzado) abriendo app.js
// paste this at the top of the file const cors = require('cors') // then paste this somewhere after var app = express(); const corsOptions = { origin: 'http://localhost:<Your_Frontend_Port>', optionsSuccessStatus: 200 // some legacy browsers (IE11, various SmartTVs) choke on 204 } /* Enable CORS in the app */ app.use(cors(corsOptions))Haga girar su servidor ejecutando
npm startAhora puede acceder a su servidor accediendo
http://localhost:3000 // this is the default port Puede cambiar el puerto del servidor definiendo un archivo .env y declarando PORT=<Your_preferred_port> y luego ejecutando npm install dotenv antes de pegar require('dotenv').config() en la parte superior de bin/www
Puede modificar las rutas accediendo a routes/index.js o routes/users.js . Por ejemplo, para devolver JSON al cliente, use response.json({ yourKey: 'Your content' }) o res.send({ name: 'MyName' }) . Tanto .json como .send son casi idénticos, pero lo dejaremos aquí, por ahora.
Probemos una ruta de ejemplo. Vaya a route routes/index.js y agregue una ruta
/* GET name page */ router.get('/test', function(req, res, next) { res.json({ testKey: 'Test content' }) });En la interfaz, haz algo como
axios.get('http://localhost:3000/test') .then(res => { console.log(res) }) .catch(err => { console.log(err) })Para hacer que su servidor se vuelva a cargar inmediatamente después de realizar cambios, instale nodemon en el servidor
npm install nodemon -D Vaya a package.json y reemplace "start": "node ./bin/www" con "start": "nodemon ./bin/www"
Detenga el servidor y ejecute npm start una vez más
Para más detalles, consulte la documentación express