时间戳

首页 > 解决方案 > 如何让 Node.js 为我的 HTML 引用 CSS

javascript - 如何让 Node.js 为我的 HTML 引用 CSS

问题描述

我正在尝试在 JS 中创建像 EU4 这样的回合制策略游戏。我想包含多人游戏功能，但我想了解为什么会这样：当我通过节点运行我的应用程序时，它似乎只显示了纯 HTML 而不是 CSS。请帮忙。

下面的代码： 

var express = require('express')
var app = express()
var serv = require('http').Server(app)
var port = 2000

app.get('/', function(req, res) {
    res.sendFile(__dirname + '/client/index.html')
})

app.use('/client', express.static(__dirname + '/client'))

serv.listen(port)
console.log('Colonial Warfare server => initialized!')
console.log('CWserver HostPort: ' + port)


var io = require('socket.io') (serv,{})
io.sockets.on('connection', function(socket) {
    console.log('socket connection')
})

标签： javascriptcssnode.js

解决方案

当您的浏览器发送 http 请求“/”时，您会返回链接到“/css/gameStyle.css”的 html。

您可以将您的 css 文件夹移动到客户端文件夹并将链接更改为“/client/css/gameStyle.css”。

或者您可以在节点应用程序上提供您的 css 文件夹app.use(express.static('css'))

推荐阅读