DEV Community

打coding的奥特曼
打coding的奥特曼

Posted on

express.static使用中的一些测试

写一个基本的server.js

Alt Text
根目录下PUBLIC目录作为静态目录，直接写目录名即可，网页显示如下
Alt Text

测试一

将PUBLIC目录内容复制一份，扔进levelOne子目录，下面我们需要将levelOne作为静态目录.
Alt Text
我们发现如果直接写levelOne目录名，样式丢失了
Alt Text
正确的做法是写明levelOne的相对路径了，只写目录名是找不到的
Alt Text

测试2

我们给静态文件加一个虚拟的文件前缀（文件系统中不存在）
Alt Text
如果我们继续访问默认路径localhost:3000,发现样式丢失
Alt Text
正确做法是访问localhost:3000/static路径
Alt Text
看，样式回来了
所以我建议我们应该顺手把访问路由的路径也加上static，最后代码如下：
Alt Text

Top comments (0)

Read next

victorpaularony profile image

Building a Basic Blockchain Wallet in Go

Smally Pauls -

krideo profile image

Secure Video Conferencing and Encryption is the Future

Krideo -

mike_andreuzza profile image

How to Create an interactive color-shifting hover card with Tailwind CSS and JavaScript

Michael Andreuzza -

jianreis profile image

Migrating to Backstage’s New Backend: A Step-By-Step Guide

Jian Reis -