使用node.js编写前端代码资源文件.jpg.css报错404

Posted 2021-03-13 Steward_Sun

当html引用外部资源时，图片，js，css文件相对路径都是正确的，但就是报错404。

 

解决方案：

 

在启动js文件中（server.js）添加静态文件夹的配置语句：

 

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

 

这意味着在当前目录下的public文件夹将是静态文件的统一存放处，相对路径访问资源文件会到public文件下寻找。

 

同时在调用资源文件时需注意，无需在地址开头加上public，比如：想要引入/public/img/a.jpg这张图片，在调用时只需：

 

<img src="/img/a.jgp">

 

 

这个问题困扰了我非常非常久，最后发现是node.js的问题