Javascript 无法使用express加载静态文件_Javascript_Node.js_Express

Javascript 无法使用express加载静态文件

javascript node.js express

Javascript 无法使用express加载静态文件,javascript,node.js,express,Javascript,Node.js,Express,她是我的app.js，它是express.js的混淆文件如果从URL中删除“public”，它应该可以工作，例如： <link rel="stylesheet" href="/styles/bootstrap.css"> <link rel="stylesheet" href="/styles/example-basic.css"> 当您向这些URL添加public时，它将在/public中查找名为public的文件夹，但找不到该文件夹。但是，它会发现名为styles

她是我的app.js，它是express.js的混淆文件

如果从URL中删除“public”，它应该可以工作，例如：

<link rel="stylesheet" href="/styles/bootstrap.css">
<link rel="stylesheet" href="/styles/example-basic.css">

当您向这些URL添加

public

时，它将在

/public

中查找名为

public

的文件夹，但找不到该文件夹。但是，它会发现名为

styles

@monish的文件夹再次出现问题？为什么要删除已接受的答案？如果您有新问题，请创建一个新问题。不要将旧问题更新为新问题。

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>AT&amp;T Speech API Example: Basic Walkthrough</title>
    <meta name="description" content="Application for the AT&T Speech API Deep Dive Presentation at DevLab 2012">
    <meta name="author" content="Michael Owens">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="public/styles/bootstrap.css">
    <link rel="stylesheet" href="public/styles/example-basic.css">
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js'></script>
</head>
<body>
     <a  onclick="Recorder.playBack('audio');" href="javascript:void(0);" title="Play">
                                             Play
                                         </a> 
<div class="container">
    <div class="row">
        <div class="span12">

        </div>
    </div>
    <div class="row">
        <div class="span4">
            <h2 id="progress-title">Progress (Step <span id="progress-step">1</span> of 5)</h2>
            <div id="progress-indicator" class="progress progress-striped">
                <div class="bar" style="width: 20%;"></div>
            </div>
            <ol class="progress-list">
                <li id="progress-01" class="active">Access User's Microphone</li>
                <li id="progress-02">Record Audio from Mic</li>
                <li id="progress-03">Save Audio to File</li>
                <li id="progress-04">POST File to AT&amp;T Speech API</li>
                <li id="progress-05">Receive Results from AT&amp;T Speech API</li>
            </ol>
            <div>
                <a href="/" class="btn"><i class="icon-refresh"></i> Start Over</a>
            </div>
        </div>
        <div class="span8">
            <h2>Current Status</h2>
            <div id="status-mic" class="alert alert-info">
                Audio Status: <strong>waiting</strong>
            </div>
            <div id="status-upload" class="alert alert-info">
                File Status: <strong>waiting</strong>
            </div>
            <div id="control_panel">
                <div class="btn-group">
                    <button id="button-connect" class="btn btn-large btn-success"><i class="icon-off icon-white"></i> <span class="action">Connect</span></button>
                    <button id="button-recorder" class="btn btn-large" disabled="disabled"><i class="icon-music"></i> <span class="action">Record</span></button>
                    <span id="button-save" class="btn">
                        <button disabled="disabled" class="btn btn-large"><i class="icon-download-alt"></i> <span class="action">Save</span></button>
                        <span id="save_button"><span id="flashcontent"></span></span>
                    </span>
                    <button id="button-transcribe" class="btn btn-large" disabled="disabled"><i class="icon-share-alt"></i> <span class="action">Transcribe</span></button>

                </div>
            </div>
            <div id="transcribe-container">
                <h2>Speech API Response</h2>
                <div id="transcribe-response"></div>
            </div>
        </div>

    </div>
    <form id="uploadForm" name="uploadForm" action="/upload" >
        <input name="authenticity_token" value="xxxxx" type="hidden">
        <input name="upload_file[parent_id]" value="1" type="hidden">
        <input name="format" value="json" type="hidden">
    </form>
    <script type="text/javascript" src="public/scripts/swfobject.js"></script>
    <script type="text/javascript" src="public/scripts/example-basic.js"></script>




</div>


</body>
</html>

<link rel="stylesheet" href="/styles/bootstrap.css">
<link rel="stylesheet" href="/styles/example-basic.css">

app.use(express.static(__dirname+'/public'));