使用节点服务器时css js未链接到链接的html文件_Html_Node.js

使用节点服务器时css js未链接到链接的html文件

html node.js

使用节点服务器时css js未链接到链接的html文件,html,node.js,Html,Node.js,我正在尝试使用NodeJS服务器提供静态文件，如.css.js。提供index.html文件，并加载链接的css和js 现在我在index.html文件中有一个div，我将另一个名为login.html的html文件的内容加载到其中。这个login.html文件有一个css和一个链接到它的js文件。使用jquery函数load（）加载login.html本身，这意味着服务器可以访问它。但是，由于文件路径错误，无法加载链接到login.html的css和js 下面是文件夹结构下面是index

我正在尝试使用NodeJS服务器提供静态文件，如.css.js。提供index.html文件，并加载链接的css和js

现在我在index.html文件中有一个div，我将另一个名为login.html的html文件的内容加载到其中。这个login.html文件有一个css和一个链接到它的js文件。使用jquery函数load（）加载login.html本身，这意味着服务器可以访问它。但是，由于文件路径错误，无法加载链接到login.html的css和js

下面是文件夹结构

下面是index.html的主要部分

<!DOCTYPE html>
<html>
    <head>
        <title>Anything</title>
        <link href="./index/index.css" type="text/css" rel="stylesheet">  //These files
        <script src="./Resources/jquery/jquery-3.2.1.js"></script>        //get loaded
        <script src="./index/index.js"></script>                          //by the server
    </head>
    <body>
        <div class="content"></div>     // I am trying to load login.html here
    </body>
</html>

“.user”是我在index.html中没有显示的div

<!DOCTYPE html>
<html>
    <head>
        <title>Anything</title>
        <link href="./index/index.css" type="text/css" rel="stylesheet">  //These files
        <script src="./Resources/jquery/jquery-3.2.1.js"></script>        //get loaded
        <script src="./index/index.js"></script>                          //by the server
    </head>
    <body>
        <div class="content"></div>     // I am trying to load login.html here
    </body>
</html>

这是login.html

<link href="./login.css" type="text/css" rel="stylesheet">  //doesn't load
<script src="./login.js"></script>                          //doesn't load
<h2>Login is loaded</h2>

我知道css和js文件没有加载，因为我在chrome developer tools窗口中看到这个错误：

GET http://localhost:8080/login.css

结论：服务器无法加载二级服务html文件的css和js文件，因为请求url错误。但是，index.css和index.js文件是通过正确的url加载的

目标：通过login.html页面使用此节点js服务器加载login.css和login.js。

您可以使用元素指定网站的基本路径，然后相应地修改样式/脚本链接，以便从一个基本路径请求它们。

您可以使用元素指定网站的基本路径然后相应地修改样式/脚本链接，以便从一个基本路径请求它们。

您需要更改

login.html

中的相对路径，以匹配服务器上的路径，这样

/login.css

将变成

/./pages/login/login.css

（与加载

login.html

文件时使用的路径相同）

您需要更改

login.html

中的相对路径以匹配服务器上的路径，这样

/login.css

就会变成

//pages/login/login.css

（就像加载

login.html

文件的路径一样）

谢谢大家想了很久了谢谢大家想了很久了

GET http://localhost:8080/login.css