页面可以正常访问,但是其中的静态资源是404
GET http://localhost:3000/public/bundle.js 404 (Not Found)
目录结构如下:
-
app
server.js
-
public
bundle.js
以下是server.js
'use strict'
const koa = require('koa')
const render = require('koa-ejs')
const path = require('path')
const logger = require('koa-logger')
const serve = require('koa-static')
let router = require('./routes')
let app = koa()
let port = 3000
render(app, {
root: path.join(process.cwd(), 'views'),
layout: 'layout',
viewExt: 'html',
cache: false,
debug: true
})
app.use(serve(__dirname + '/public'))
app.use(logger())
app
.use(router.routes())
.use(router.allowedMethods())
views里面的layout.html 如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script src="/public/bundle.js"></script>
</head>
<body>
<h3>koa ejs</h3>
<%- body %>
</body>
</html>
app.use(serve(__dirname + '/public'))
改成app.use(serve(path.join(__dirname, '..', 'public')))
问题在于 __dirname
__dirname指的是当前文件所在文件夹
也就是app
所以需要先 .. 在进 public
没有看访问路径 的确需要
@楼教主
所说那样。
js里改成 app.use(serve(path.join(__dirname, '..', 'public')))
html里改成 <script src="/bundle.js"></script>