Question

我正在尝试用本地服务器制作一个非常简单的html，它显示本地目录（内容文件夹）中的所有图像。但我得到了jquery-3.2.1.min.js:4 GET http://localhost:8080/content/ 404 (Not Found)

所以，我的文件结构如下：

rootfolder
   -content/
   -js/
   -index.html
   -server.js

server.js看起来像这样：

var connect = require('connect')
var serveStatic = require('serve-static')
connect().use(serveStatic(__dirname)).listen(8080, function () {
  console.log('Server running on 8080...')
  console.log('dirname', __dirname)
})

像这样的

index.html：

<!DOCTYPE html>
<html>
<head>
  <script src="js/jquery-3.2.1.min.js"></script>
  <script src="js/index.js"></script>
</head>
<body>
<div id="img-container">
</div>


</body>
</html>

index.js看起来像这样：

window.onload = function () {
  var folder = 'content/'

  $.ajax({
    url: folder,
    success: function (data) {
      $(data).find("a").attr("href", function (i, val) {
        if (val.match(/\.(jpe?g|png|gif)$/)) {
            $("body").append( "<img src='"+ folder + val +"'>" )
        }
      })
    }
  })

  console.log('test2')
}

目前代码不是很干净，但我想弄明白为什么我首先得到404 Not Found错误。

尝试访问本地文件时出现404错误

0 个答案: