javascript - node.js 不导入 css 和 js 文件

标签 javascript html css node.js

我正在创建一个用于上传文件和存储表单的 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');
});

最佳答案

删除路径中的“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/

相关文章:

javascript - 无法使用 CKEditor 对话框输入 javascript

javascript - 我正在尝试使用 JS/JQuery 自动对网站中的文本执行多个查找和替换操作

html - 用 CSS3 绘制圆弧 45 度段

javascript - jQuery 幻灯片隐藏和显示相同的按钮

Html 或 Css 自动化

javascript - IE 的 querySelectorAll 替代品

javascript - 从外部站点收集图像

css - asp.net 元素符号列表和 css 菜单

javascript - amCharts 日期时间值问题,无法设置 hh :mm time

javascript - Angular : applying filters to a ng-repeat