个人中心
gpt4 book ai didi

javascript - 在 Node.js 项目中包含 .css 和 .js 文件

转载 作者：太空宇宙 更新时间：2023-11-04 03:06:44 25 4
gpt4 key购买 nike

我使用 Node.js 和 Angular.js 构建了一个基于 Express 框架的简单 Web 应用程序，当我尝试上传 .css 文件时，收到以下错误消息:

“样式表未加载，因为其 MIME 类型“text/html”不是“text/css”

server.js

var express = require('express');
var app = express();
var bodyParser = require('body-parser');
var pg = require('pg');
var jwt = require('jsonwebtoken'); // create, sign and verify tokens
var morgan = require('morgan');
// Application front end
app.get('*',function(req,res){
  res.sendfile('./public/index.html')
})
app.listen(port);
console.log('LogAnalysisWebApp happens on port '+port);

index.html

<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="utf-8">
    <title>Log Analysis Web APP</title>
    <link rel="stylesheet" type="text/css" href="/public/stylesheets/style.css">
  </head>
  <body>
    <h1>Text Example</h1>
  </body>
</html>

我的项目具有以下结构:

Project structure

最佳答案

要提供静态文件(例如图像、CSS 文件和 JavaScript 文件)，请使用 Express 中的express.static 内置中间件函数。

app.use(express.static('public'));

现在，您可以加载公共(public)目录中的文件:

http://www.domain.com/stylesheets/style.css

这是official documentation page关于提供静态资源。

关于javascript - 在 Node.js 项目中包含 .css 和 .js 文件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38512835/

25 4 0
文章推荐： jquery - 在 Fabric JS 中更改 Canvas 的背景
文章推荐： jquery - 如何将导航栏制作成轮播
文章推荐： Python configparser 从一个部分获取所有内容并写入新文件
文章推荐： python - 制作 numpy 对象数组实习生字符串的有效方法
太空宇宙
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com