How can I fix this error with my API (404 not found)

I'm making an application that takes codes from mongoDB and lists them onto a web page, but currently I'm getting an error in the console:

GET http://localhost:4200/api/code/codes/ 404 (Not Found) zone.js:2863
​

I haven't encountered this error before & I'm not sure if there is an error in my code or a problem with a port, my server starts on port 3000 and angular portion starts up on port 4200. here is my api to find all codes

router.get("/codes", async (req, res) => {
try {
Code.find({}, function (err, codes) {
if (err) {
console.log(err);
res.status(501).send({
message: `MongoDB Exception: ${err}`,
});
} else {
console.log(codes);
res.json(codes);
}
});
} catch (e) {
console.log(e);
res.status(500).send({
message: `Server Exception: ${e.message}`,
});
}
});


my service file

export class CodeService {
constructor(private http: HttpClient) {}

findAllCodes() {
return this.http.get('api/code/codes/');
}

}


and my home component ts where I'm trying to display the codes

export class HomeComponent implements OnInit {
code: Code[];

constructor(private codeService: CodeService) {
this.codeService.findAllCodes().subscribe(
(res) => {
// Logging for debugging purposes
console.log('--Server respons from findAllCodes--');
console.log(res);
},
(err) => {
console.log('--Server error--');
console.log(err);
},
() => {

console.log('--codes--');
console.log(this.code);
}
);
}

ngOnInit(): void {}
}

Continue reading...