如何在express.js中提供从服务器引用js文件的html，并在客户端运行？
在express.js中，可以通过以下步骤提供从服务器引用js文件的html，并在客户端运行：
- 首先，确保你已经安装了express.js和相关依赖。可以使用以下命令进行安装：
npm install express- 创建一个express应用程序，并设置静态文件目录。在应用程序的根目录下创建一个名为public的文件夹，并将你的js文件放在其中。在应用程序的入口文件（通常是app.js或index.js）中添加以下代码：
const express = require('express');
const app = express();
// 设置静态文件目录
app.use(express.static('public'));
// 其他路由和中间件的定义...
// 启动服务器
app.listen(3000, () => {
console.log('服务器已启动，监听端口3000');
});- 创建一个html文件，并在其中引用服务器上的js文件。在public文件夹下创建一个名为index.html的文件，并在其中添加以下代码：
<!DOCTYPE html>
<html>
<head>
<title>引用服务器上的js文件</title>
</head>
<body>
<script src="/your-js-file.js"></script>
</body>
</html>其中，/your-js-file.js是你在public文件夹下的js文件的路径。
- 启动express服务器。在命令行中运行以下命令启动服务器：
node app.js- 在浏览器中访问html文件。在浏览器中输入
http://localhost:3000/index.html，即可访问到包含引用服务器上js文件的html页面。
这样，express.js就可以提供从服务器引用js文件的html，并在客户端运行了。
推荐的腾讯云相关产品：腾讯云云服务器（ECS），产品介绍链接地址：https://cloud.tencent.com/product/cvm
相关·内容
1回答
如何使用node.js在服务器和客户端之间共享公共功能
node.js、prototype、require
以下是我的应用程序的结构
在prototype.js文件中，我有以下代码：
(function(exports) {
exports.foo = function() {
return 'bar';
};
})((typeof process === 'undefined' || !process.versions) ? window.common = window.common || {} : exports);
app.js包含
var express = require('express'),app
浏览 1提问于2014-01-22得票数 0
1回答
在高速公路中堆栈jquery
javascript、jquery、node.js、express
我正在寻找一种从express app.js文件中堆栈jquery的方法。
也许这是不可能的，但我需要在修改html文件的app.js中使用jquery。
示例：
app.js
const express = require('express')
const app = express()
const $ = global.jQuery = require( 'jquery' );
app.get('/', function (req, res) {
res.sendFile(path.join(__dirname+'/index.
浏览 1提问于2020-02-15得票数 0
1回答
$routeProvider在Express.js提供的页面中的故障
javascript、angularjs、node.js
我正在尝试构建我的第一个Express.js/Angular应用程序，但是在$routeProvider应用程序提供的页面上遇到了问题。这是server.js
var express = require('express');
var PORT = process.env.PORT || 3000;
var app = express();
app.get('/', function (req, res) {
res.sendFile(__dirname + '/client/views/index.html');
});
app.li
浏览 2提问于2016-08-22得票数 0
回答已采纳
5回答
配置node express为静态bower_components提供服务？
javascript、node.js、express、bower
我有一个目录结构
projectName
| - bower_components/
| - public/
| - css
| - js
| - index.html
| - Gruntfile.js
| - package.json
| - bower.json
| - app.js
我想启动我的应用程序并使用node为index.html提供服务。所以在app.js中我有：
var express = require('express');
var port = process
浏览 55提问于2014-02-17得票数 71
回答已采纳
1回答
通过调用服务器端的Node.JS javaScript从静态文件写入文件
javascript、node.js、express
我有一个node.js项目，我可以从app.js文件中写入一个文件。App.js启动服务器并在我的公用文件夹中运行index.html的内容。问题是我不能从公用文件夹中的javascript写入文件，我猜这是因为其中的所有javascript都是客户端的。如何调用服务器端的javascript以便可以执行I/O？
Index.html -位于公用文件夹中
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
浏览 1提问于2018-07-03得票数 0
回答已采纳
2回答
MIME类型('text/html')不是Chrome中的可执行错误
javascript、node.js、webpack、mime-types、typechecking
我正试图将webpack的build.js文件添加到我的html页面中，并且我不断地在Chrome中得到以下错误：
GET http://localhost:3000/public/build.js net::ERR_ABORTED 404 (Not Found)
Refused to execute script from 'http://localhost:3000/public/build.js' because its MIME type ('text/html') is not executable, and strict MIME type chec
浏览 0提问于2018-10-18得票数 0
2回答
Express和节点未捕获ReferenceError:未定义require
node.js、express、mongoose
我正在使用express运行一个应用程序。我正在尝试在节点应用程序中使用mongoose。我已经安装了所有依赖项。
我的html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Security-Policy" content="default-src 'none'; connect-src 'self';fo
浏览 12提问于2019-08-02得票数 0
2回答
在nodejs中将jquery文件导入到html文件
jquery、node.js、express
我的index.html文件如下所示
<html>
<body>
<script src="public/jquery-latest-min.js"></script>
/*But this script file is not importing and creating error */
</body>
</html>
app.js代码是
var express = require('express'),
app =
浏览 1提问于2014-12-03得票数 0
1回答
使用express时，angularjs不加载。
html、angularjs、node.js、express
当我在浏览器中打开index.html文件时，它可以正常工作，但是当我在本地服务器上快速运行它时，它就不能工作了。
server.js
const express = require('express');
const app = express();
app.get('/', (req, res) => {
res.sendFile(__dirname + '/index.html');
});
app.listen(3000, () => {
console.log('App is running o
浏览 0提问于2018-05-05得票数 0
回答已采纳
1回答
使用从其他.js导入类的脚本提供html文件
javascript、node.js、express
我有一个Express服务器，为使用脚本(app.js)的html(index.html)页面提供服务。此脚本需要从另一个.js文件(TheClass.js)导入一个类。当前代码： //server.js
const express = require('express');
const path = require('path')
const app = express();
app.use(express.static(__dirname));
app.get('/', (req,res)=>{
res.sendFile(
浏览 9提问于2019-06-24得票数 0
回答已采纳
2回答
不提供本地javascript的Express.js
javascript、node.js、express
我正在学习express.js，并试图在节点服务器上运行本地JavaScript文件。但是express不能提供静态文件。
档案结构：
Express
-public
--JS
---client.js
--index.html
-index.js
index.js
const express = require('express');
const app = express();
const http = require('http');
const server = http.createServer(app);
console.log(path.joi
浏览 8提问于2022-10-14得票数 0
回答已采纳
2回答
从node.js服务器运行角
javascript、html、angularjs、node.js、express
我有以下文件-
1) index.html
2) app.js (这里的角度控制器)
3) routes.js (我试图从这里加载index.html -侦听localhost :3000)
4) index.css
5) node_modules文件夹
routes.js :
var express = require('express'),
app = express(),
server = require('http').createServer(app),
io = require('socket.io').lis
浏览 1提问于2015-07-31得票数 8
回答已采纳
2回答
当要求快速路线时
javascript、node.js、ajax、express、fetch
我正在努力理解快件和它如何处理路线。
我有一个具有以下结构的域
/
app.js
/public_html
index.html
在app.js中，我设置了我的快速服务器：
let app = express();
app.post('/list', (request, response) => {
//get data then...
response.send(data)
});
app.use(express.static('public_html'))
app.listen(3000, function(){
浏览 5提问于2017-05-03得票数 2
回答已采纳
2回答
从Node.js调用JS文件中的函数
javascript、jquery、node.js
我想要做的是，当index.html向服务器发送一条消息时，我想在app.js中调用一个名为changeButton()的函数，该函数将更新index.html上的标题颜色。
这是我的node.js文件：
var app = require('express')();
var http = require('http').Server(app);
var io = require('socket.io')(http);
var express=require('express');
var tools = require(
浏览 3提问于2015-03-31得票数 1
回答已采纳
2回答
当Node.js调用HTML时，外部Javascript和CSS不会影响到HTML。
javascript、html、css、node.js
我创建了一个简单的Node JS程序。index.html位于app.js所在的文件夹中，外部css和js文件位于public/stylesheets/style.css和/public/javascripts/script.js目录中。当我从浏览器中直接打开index.html时，css文件被系统地链接到html文件。但是，当我运行node app.js并导航到http://localhost:3000时，会显示index.html，但是任何样式都没有影响到它。我该怎么解决呢？
app.js文件是
var express = require('express');
var a
浏览 1提问于2016-04-17得票数 0
回答已采纳
1回答
如何从服务器页面的SQLite中提取数据，并在不同的javascript文件中使用这些数据？
javascript、node.js、sqlite
我正在尝试在客户端使用HTML/CSS/JavaScript创建一个网站，在服务器端使用Node.js和SQLite。
下面是我用'app.js‘写的代码，这是我的服务器页面。
var express = require('express');
var app = express();
var fs = require('fs');
const sqlite3 = require('sqlite3');
const sqlite = require('sqlite');
app.use(express.static(
浏览 14提问于2021-06-03得票数 1
回答已采纳
1回答
如何在节点js中将app.js文件的值传递给我的客户端文件？
javascript、node.js、express
这里我有一个疑问，那就是如何将值从节点js app.js文件传递到我的客户端js文件。
这是我的app.js文件
var express = require('express');
var app = express();
var port = process.env.PORT || 3000;
var bodyParser = require('body-parser');
var facebookAppId = '123456789023'
app.conf
浏览 3提问于2014-08-08得票数 0
回答已采纳
1回答
Express.js服务器无法呈现css和js文件
node.js、express
我正在关注一个关于YouTube的教程，关于NODE.js和Express.js。我已经到了关于Express的部分，无法呈现网页的CSS和JS文件。将index.html和logo.svg文件呈现给服务器。如能帮助我们渲染CSS和JS文件，我们将不胜感激。我的文件结构是： Main_Folder
|navbar-app
|index.html
|public
|browser-app.js
|styles.css
|logo.svg
|app.js App.js const express = require('express')
浏览 34提问于2021-04-28得票数 0
1回答
如何修复Node.js / Express无法修复的错误
javascript、node.js、express
我有一个类服务器: Server.js
const express = require('express');
class Server {
constructor() {
this.app = express();
this.app.get('/', function(req, res) {
res.send('Hello World');
})
}
start() {
this.app.listen(8080, functio
浏览 1提问于2019-11-15得票数 0
我正在使用nodejs和webpack4，我试图将main.js文件链接到index.html，我在网上尝试了所有可能的解决方案，它们似乎都不适合我。我是新手，欢迎你告诉我我做错了什么。
下面是我看到的错误日志：
GET http://localhost:3000/dist/main.js net::ERR_ABORTED
localhost/:1
Refused to execute script from 'http://localhost:3000/dist/main.js'
because its MIME type ('text/html') is
浏览 0提问于2018-03-12得票数 11
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
