I am trying to create api and fetch it from front but the "Access-Control-Allow-Origin" is not allowing me.
I tried to solve the problem but still showing me the problem.
I fetched it by GET method but not working
const api = "http://localhost:3000/api/posts/";
const base_api = "http://localhost:3000/";
console.log(api);
window.onload = () => {
getPost();
};
const getPost = () => {
fetch( api , {
method: "GET",
})
.then((response) => {
return response.json();
})
.then((data) => {
buildPost(data);
console.log(data);
});
};
const buildPost = (blogPost) => {
console.log(blogPost);
I used the "*" that still showing the error. what more solution could be
const express = require("express");
const app = express();
const Post= require("./api/models/posts");
const postsData= new Post();
app.use((req, res, next) =>{
res.setHeader("Access-Control-Allow-Orgin","*" )
next();
})
app.use(express.json());
app.use ('/uploads', express.static('uploads'))
app.get("/api/posts", (req, res)=>{
res.status(200).send(postsData.get())
});
app.get("/api/posts/:post_id", (req, res)=>{
const postId = req.params.post_id;
const foundedPost= postsData.getEachData(postId);
});
app.listen(3000, ()=> console.log("Listening on
http://localhost:3000/"))