我正在创建一个用于上传文件和存储表单的 node.js
示例。
问题是当我从任何端口的 localhost
访问时,我的 css
和 js
文件不起作用。我使用端口 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');
});
最佳答案
删除路径中的“public”。
cf) /css/style.css
这一行的原因 (app.use(express.static(path.join(__dirname, 'PATH')));
),
PATH/FILE
的绝对 URL
就是 /FILE
。
关于javascript - node.js 不导入 css 和 js 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39566191/