1.我用Koa框架的 koa-static 和 koa-mount
2.想实现把page1、page2(写好的html,里面有css,js,文件结构如下图)在GET /page1 和 GET /page2 时显示不同的两个网页,
3.但是当访问page1 时,只有html能加载出来,html 中的link css 无法加载
4.我看了他的请求方式是 GET localhost/css/style.css 而不是 GET localhost/page1/css/style.css ,并且我试了,这种请求就可以请求到文件。
5.在不更改html前端的前提下, 有什么方法可以解决吗?
服务器nodejs如下:
// server.js
const Koa = require('koa');
const Mount = require('koa-mount');
const Static = require('koa-static');
const App = new Koa();
App.use(Mount('/page1', Static('./page1'))); // 暂时先弄page1
App.listen(80);
html 如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<h1>KOA</h1>
</body>
</html>
文件结构:
-run (最外层文件夹):
---./server.js
---./page1
-------./index.html
-------./css
-------------./style.css
-------./js
-------------./main.js