express静态资源配置

news/2024/7/6 6:30:39

目录如下

在这里插入图片描述

创建views.js

const router = require('express').Router();
const fs = require('fs');
const { resolve } = require('path');
router
    .get('/index.html', (req, res) => {
        // 这里设置utt-8否则返回的buffer数据格式,会自动下载
        fs.readFile(resolve('./')+'/views/index.html', 'utf8', (err, data) => {
            if (err) {
                console.log(err);
                return;
            }
            res.end(data.toString());
        });
    });
module.exports = router;

app.js

const express = require('express');
const userRouter = require('./route/users');
const goodsRouter = require('./route/goods');
const viewsRouter = require('./route/views');
const app = express();
// 挂载路由并且添加前缀
app.use('/users',userRouter);
app.use('/goods',goodsRouter);
app.use('/views',viewsRouter);
// 配置静态资源目录
app.use('/public',express.static('./public'));
app.use('/node_modules',express.static('./node_modules'));

// 启动服务器
app.listen(8888,()=>{
    console.log('8888');
})

views/index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/public/css/index.css">
    <link rel="stylesheet" href="/node_moduless/**">
    <!--由于上面配置了public这里可以直接/public开头-->
</head>
<body>
    <h1>首页</h1>
</body>
</html>

http://www.niftyadmin.cn/n/4611449.html

相关文章

说一说我理解的css

什么是CSS 从字面上来理解&#xff0c;css的全称是Cascading Style Sheets&#xff0c;翻译成为中文&#xff0c;就是层叠样式表&#xff0c;为啥子要叫作这个名字&#xff1f; 先来看看这个层字&#xff1a;从字面意义上来理解&#xff0c;就是一层一层的意思 我们一般都是怎么…

vue封装数字键盘

先看效果图 组件XKeyboard.vue <template><div id"XKeyBoard" style"display:none;" :style"{width: widthvw,height: heightvw,left:leftpx,top:toppx}" ref"XKeyBoard"><div class"x-top"><div cli…

spring中使用spring mvc jdbc操作数据库

为什么80%的码农都做不了架构师&#xff1f;>>> 初次接触Java Spring MVC, 正准备选个适合自己的orm用, Hibernate我感觉还是有点复杂, Mybatis一样如此. 这是我最后确定的orm, spring自带的jdbc, 蛮适合我! 先看下我的配置 web.xml <?xml version"1.0&qu…

MulterError: Unexpected field

今天上传多文件时报了个错MulterError: Unexpected field 这里代码反复检查没有出错 const express require(express); const router express.Router(); const path require(path);/** 文件接收器**/ const multer require(multer); const { log } require(console); //…

如何在ASP.NET Core中使用Redis

注&#xff1a;本文提到的代码示例下载地址> https://code.msdn.microsoft.com/How-to-use-Redis-in-ASPNET-0d826418 Redis 是一个开源的内存中的数据结构存储系统&#xff0c;可以用作数据库、缓存和消息中间件。它支持多种类型的数据结构&#xff1a;字符串&#xff0c;哈…

node请求页面时自动下载

问题如下&#xff0c;这里浏览器访问接口会直接下载 const router require(express).Router(); const fs require(fs);router.get(/index.html,(req,res)>{fs.readFile(./views/cookie.html,utf8,(err,data)>{if(err) res.send(error);else res.send(data);}); }); mo…

Android中EditText显示明文与密码的两种方式

效果图如下所述&#xff1a; <?xml version"1.0" encoding"utf-8"?> <LinearLayout xmlns:android"http://schemas.android.com/apk/res/android" xmlns:tools"http://schemas.android.com/tools" android:layout_width&qu…

context must be a dict rather解决

原来的代码 def depart_edit(request, nid):# 修改部门# 根据获取到的nid查询数据库row models.Department.objects.filter(idnid).first()# 转发数据row到depart_edit.htmlreturn render(request, depart_edit.html, row)最终发现问题render()第三个参数应该是对象形式 def…