私はWeb開発に不慣れで、最近node.jsとexpressに関するオンラインコースを受講しました。このコースでは、Nodeを使用するときにHTML、CSS、およびJSファイルを追加する方法については実際には説明していません。
私はこれを試しました：
var express = require('express');
var app = express ();
var port= 3000;
app.use(express.static('public'));
app.listen(port,function(){
console.log('Express app listening on port' +port);
})
app.get('/hello',function(request,response){
response.sendfile('index.html')
})
このserver.Jsファイルで、そのページにロードする必要があるHTMLファイルを指定しました。ただし、スタイルなしでページをロードし、その中の画像をロードしませんでした...
呼び出されたときにフロントエンドファイルを利用できるようにするには、どうすればよいですか？
私はあなたCSSがあなたのindex.htmlファイルのファイルをリンクするのを逃していると思います
<link rel="stylesheet" href="css/style.css">
フォルダ構造が次のようになっていると仮定します。
project root
├── server.js
├── package.json
└── public
├── css
└── style.css
├── index.html
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加