My website's html code is structured as shown below, and the directory path is correct:
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>App</title>
<link rel="stylesheet" type="text/css" href="../app/assets/appStyle.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.6/semantic.min.css">
<link rel="text/javascript" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.6/semantic.min.js">
</head>
When I access the pages from the browser, everything works fine. However, when trying to view them from localhost, the css and minified semantic ui do not load. Can someone provide assistance? I've been struggling with this issue for the past 3 hours. Any help or suggestion would be greatly appreciated.
EDITED: I have a routing function like the one below in my app.js file. Could this possibly be causing the problem?
// Direct user to application.html
app.get('*',function(req,res){
res.sendFile(path.join(__dirname + '/public/pages/application.html'));
});