[Vuejs]-I can´t send POST from 8080 to 3000

by

0👍

I tested with Postman:
Get Request works properly that means I got only the one Object and Status 200 back

[{
    “NAME”: “Test”
}]
Post Request http: //localhost:3000/easy: I send it as a JSON : { “name”: “test2”} and I got also the message Status 201. But that is strange because nothing was inserted into my table or see anything on my localhost:3000/easy except the one Object with the name: Test.
    {
        "message": "1 row(s) inserted",
        "status": 201
    }

I set also the headers:

app.use(function (req, res, next) {
    res.header("Access-Control-Allow-Origin", "http://localhost:8080");
    res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
    next();
});

And I changed the CORS Library to cors-express: const cors = require('cors-express');

0👍

I solved the Issue myself:

Frontend:

async addData() {
    //You can give an id for your input (id="nameInput")

    const name = nameInput.value;
    nameInput.value = "";

    fetch('http://localhost:3000/easy', {
            headers: {
                'Content-type': 'application/json'
            },
            method: 'POST',
            body: JSON.stringify({
                name: name
            })
        })
        .then(response => response.json())
     }
}

Backend:
And please not forget in backend in your index.js file to define (and install of course the pakets):

const express = require('express');
const app = express();
const cors = require('cors');
const oracledb = require('oracledb');
oracledb.outFormat = oracledb.OUT_FORMAT_OBJECT;
    
app.use(cors());
app.use(express.json());
app.use(express.urlencoded({ extended: false }));

Leave a comment