I've been attempting to host a VueJS application created with Vue CLI/Webpack on my local server without using npm run dev. I tried running npm run build and transferring the files to my htdocs on Mamp, but unfortunately, it's not functioning as expected. Here is the directory structure of my project:
https://i.sstatic.net/S4MMX.png
https://i.sstatic.net/CF2fE.png
Here is the index.html in my root folder:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>demo</title>
</head>
<body>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>
And here is the index.html in the dist folder:
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
<meta name=viewport content="width=device-width,initial-scale=1">
<title>demo</title>
<link href=/static/css/app.e1c36c05dd8e70649268723708cfb519.css rel=stylesheet>
</head>
<body>
<div id="app"></div>
<script type=text/javascript src=/static/js/manifest.2ae2e69a05c33dfc65f8.js></script>
<script type=text/javascript src=/static/js/vendor.3fae27b6d0a0572472a3.js></script>
<script type=text/javascript src=/static/js/app.e5eb3a5fa6134479362c.js></script>
</body>
</html>
What could be the issue here?
Appreciate any help! Thank you!