开放静态资源文件(详细介绍)

什么是静态资源

像 js,css,image这些就是静态资源。

为什么开放静态资源

在开发网站时,习惯于把静态资源与原先的html文件( 模板文件 )放在两个不同的文件夹内。如果不开放这静态资源模板文件就无法访问静态资源也无法生成一个正常的网页。所谓开放静资源就是把用户的请求的页面与文件的实际存储路径拼接到一起,使用户访问的页面能够正常加载css,js这些文件

app.use(express.static(path.join(__dirname,'静态资源路径名')));

模板中引入的文件绝对路径应该这样以 / 开头才能算是绝对路径

开放静态资源文件的步骤

  1. 导入expess框架 和 path模块
  2. 拦截请求
  3. 创建网站服务器
  4. 把所有静态资源放到一个文件夹内
  5. 开放静态资源文件
const app = express();

app.use(express.static(path.join(__dirname, 'public')))

然后就可以使用public文件夹作为静态文件的目录了
当需要导入静态文件时 必须以绝对路径导入
如:

<link rel="stylesheet" href="/admin/css/base.css">

自我激励

每个人都会累,没人能为你承担所有悲伤,人总有一段时间要学会自己长大。

猜你喜欢

转载自blog.csdn.net/weixin_50001396/article/details/112641361