yuAriellexi 2019-10-19 09:37 采纳率: 100%
浏览 468
已结题

nodeJS,web-server文件路径问题

小白求问,about文件中的图片无法显示

文件路径如下:
src
---app.js
public
---css
------style.css
---img
------robot.png
templates
---about.hbs
---help.hbs
---index.hbs
about.hbs文件代码:

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="/css/style.css">
</head>
<body>
    <h1>{{title}}</h1>
    <img src="../public/img/robot.png"><!--- 注意文件路径名,否则图片无法显示---->
    <p>Created by {{name}}</p>

</body>
</html>

在app.js中

const path = require('path')
const express = require('express')
const hbs = require('hbs');
const app = express()

const publicDirectoryPath = path.join(__dirname, '../public')
const viewsPath = path.join(__dirname, '../templates')

app.set('view engine', 'hbs')

app.use(express.static(publicDirectoryPath)) //静态文件
//app.set('views', publicDirectoryPath)//动态文件
app.set('views', viewsPath)


app.get('', (req, res) => {
    res.render('index', {
        title: 'Weather App',
        name: 'Andrew Mead'
    })
})

app.get('/about', (req, res) => {
    res.render('about', {
        title: 'About Me',
        name: 'Andrew Mead'
    })
})

app.get('/help', (req, res) => {
    res.render('help', {
        title: 'Help',
        helpText: 'Helpful Text here'
    })
})


app.listen(3000, () => {
    console.log('server is up on port 3000')
})
  • 写回答

2条回答 默认 最新

  • dabocaiqq 2019-10-19 09:39
    关注
    评论

报告相同问题?

悬赏问题

  • ¥20 sub地址DHCP问题
  • ¥15 delta降尺度计算的一些细节,有偿
  • ¥15 Arduino红外遥控代码有问题
  • ¥15 数值计算离散正交多项式
  • ¥30 数值计算均差系数编程
  • ¥15 redis-full-check比较 两个集群的数据出错
  • ¥15 Matlab编程问题
  • ¥15 训练的多模态特征融合模型准确度很低怎么办
  • ¥15 kylin启动报错log4j类冲突
  • ¥15 超声波模块测距控制点灯,灯的闪烁很不稳定,经过调试发现测的距离偏大