簡體   English   中英

node.js 不導入 css 和 js 文件

[英]node.js not importing css and js files

我正在創建一個用於上傳文件和存儲表單的node.js示例。 問題是當我從任何端口的localhost訪問時,我的cssjs文件不起作用。 我使用端口 3000,當我在瀏覽器中打開文件index.html時可以,但是當我遵循localhost:3000或任何端口時,端口不是問題並且css文件不起作用。 所以我的代碼是:

HTML

 <!DOCTYPE html> <html> <head> <title>Video Uploader</title> <meta charset="utf-8"> <link href="/css/style.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="/javascript/formstorage.js"></script> <script src="/javascript/jquery-ui.js"></script> </head> <body> <form> <div class="cont fl"> <h1>File's Uploader:</h1> <div class="fl form"> <div> <h1> Your Name: </h1> <input type="text" class="inps" id="nome"> </div> <div> <h1> e-mail: </h1> <input type="text" class="inps" id="email"> </div> <div class="bt"> <div class="fl"> <input type="button" value="Record" id="rec"> </div> <div class="fr"> <input type="button" value="Upload" id="file"> </div> </div> <input type="button" value="Confirm" id="sub"> </div> <!-- fim do formulario --> <div class=" fr" id="contentv"> </div> </div> </form> </body> </html>

開放服務器的js

 var express = require('express'); var app = express(); var path = require('path'); var formidable = require('formidable'); var fs = require('fs'); app.use(express.static(path.join(__dirname, 'public'))); app.get('/', function(req, res){ res.sendFile(path.join(__dirname, 'index.html')); }); var server = app.listen(3000, function(){ console.log('Server listening on port 3000'); });

刪除路徑中的“公共”。 參見) /css/style.css

這一行的原因( app.use(express.static(path.join(__dirname, 'PATH'))); ),
PATH/FILEabsolute URL只是/FILE

坦克幫我。 我知道,但我多次修改此代碼,但不起作用。節點文件。 在 html 的鏈接中我寫了“/css/style.css”。 之前還是不行。 我嘗試,嘗試,嘗試,但沒有用。 現在正在工作......我知道這里發生了什么,但現在同樣的事情正在工作,哈哈。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM