I'm new to using Express and I want to store the input field value in my JSON file. When I try to do this, I get an error message: POST http://localhost:5500/userData 405 (Method Not Allowed). From what I understand, it seems like the server is not supporting my request for the path. In my code, I have server.js, index.html, and user.js files.
Thank you in advance!
HTML:
<form class="modal-form" id="form" method="post" action="/data/userData.json">
<h1>Create your account!</h1>
<div class="form-validation">
<input class="modal-input" type="text" id="createUserName" name="name" placeholder="Enter your name"></input>
</div>
<div class="form-validation">
<input class="modal-input" type="password" id="createUserPassword" name="password" placeholder="Enter your password"></input>
</div>
<Button type="submit" class="modal-input-btn" value="Sign Up" onclick="createUser()">Sign up</Button>
<span class="modal-input-login">Already have an account? Login <Button type="button" onclick="document.getElementById('modal-login').style.display='block',document.getElementById('modal').style.display='none'">here</Button></span>
</form>
user.js:
let users = [];
function createUser() {
let userName = document.getElementById('createUserName');
let userPassword = document.getElementById('createUserPassword');
let user = {
name: userName.value,
password: userPassword.value
}
fetch("http://localhost:5500/data/userData", {
method: "POST",
body: JSON.stringify(user),
headers: {
"Content-type": "application/json; charset=UTF-8"
}
})
.then(response => response.json())
.then(json => {
console.log(json);
users.push(user); // Pushes the user to the array of users
console.log(users); // Logs the updated array of users
})
.catch(err => console.error(err));
}
document.getElementById('form').addEventListener('submit', (e) => {
e.preventDefault();
});
server.js
const express = require('express');
const cors = require('cors');
const fs = require('fs');
const app = express();
const port = 5500;
app.use(cors());
enable CORS
app.use(express.json());
app.use(express.urlencoded({ extended: true }));
app.post('/data/userData', (req, res) => {
const data = JSON.stringify(req.body);
fs.writeFile('./data/userData.json', data, (err) => {
if (err) {
console.error(err);
res.status(500).send('Error writing to file');
} else {
res.send('Data written to file');
}
});
});
app.listen(port, () => console.log(`Example app listening on port ${port}!`));