使用express设置静态文件目录

//将静态文件目录设置为:项目根目录+/public

app.use(express.static(__dirname + ‘/public‘));

//或者

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

express.static()

提供对静态资源文件(图片、csss文件、javascript文件)的服务。传递一个包含静态资源的目录给 express.static 中间件用于立刻开始提供文件。如下提供public目录下的图片、css文件和javascript文件:

app.use(express.static(‘public‘));

express 会在静态资源目录下查找文件,所以不用把静态目录public作为url的一部分。访问项目public的子文件index.js:

http://localhost:3000/index.js

可以多次使用 express.static 中间件来添加多个静态资源目录,这时express 将会按照你设置静态资源目录的顺序来查找静态资源文件:

app.use(express.static(‘public‘));
app.use(express.static(‘file‘));

项目部分代码:app.js文件

因为 __dirname  获取当前项目的绝对路径 (即项目名),所以静态文件的访问路径名应该是 静态文件的父文件的相对路径

app.use(express.static(path.join(__dirname,‘views/public‘)))    //express访问静态资源目录:  D:假装我是项目名/views/public  找到这个路径下的静态资源文件

 

  某文件配置本地静态资源文件路径
  

如此在浏览器中可以通过访问 http://localhost:3000/libs/bootstrap/dist/js/bootstrap.min.js  访问到 D:假装我是项目名/views/public/libs/bootstrap/dist/js下的bootstrap.min.js文件

ps:因为静态文件的路径问题,js和css一直没有加载出来。写出来,记录自己遇到的bug.....问题已解决

原文地址:https://www.cnblogs.com/formybestlife/p/9707071.html

时间: 2024-10-12 23:58:02

使用express设置静态文件目录的相关文章

用node.js express设置路径后 子路径下的页面访问静态资源路径出问题

在routes/news_mian.js 设置了访问news_main.html 的路径 '/',通知设置一个访问news-page.html的子路径'/newspage'子路径.但是在访问loaclhost:3000/news/newspage时静态资源路径前多了一个/news导致不能找到静态资源 app.js var express=require('express'); var app=express(); var path=require('path'); var http=requir

Django基础,Day9 - 静态文件目录与路径设置说明(eg. images, JavaScript, CSS)

静态文件路径设置官方说明 1. Make sure that django.contrib.staticfiles is included in your INSTALLED_APPS. 2. In your settings file, define STATIC_URL, for example:    STATIC_URL = '/static/' 3. Store your static files in a folder called static in your app. For e

Express static静态路由

Express框架在使用app.use中传入express.static设置静态路由时,这个文件夹下的所有文件夹和文件都会变成路由文件,也就是说当在URL输入该路径时,会直接捕捉到该请求. 这时候,下面的app.get请求捕捉到的将会失效. eg: 这样一个结构: var express = require("express"); var app = express(); var router = require("./controller"); //设置模版引擎

vmware下为CentOS7设置静态IP

vmware下为CentOS7设置静态IP可以分为三个主要步骤: 1. 在windows中设置VMWare创建的虚拟网络 2. 设置VMWare为静态IP 3. 设置CentOS7的网络为静态IP 首先来到控制面板下 如图所示,点击"VMware Network Adapter VMnet8",可以看到如下图所示的界面 再点击属性我们可以看到下一个界面 双击红色框中的部分,又可以看到如下界面 上图中红色框中的部分可以修改也可以不修改,看你喜好,记住上面的数字后面会用到,然后在Windo

【Linux】CentOS设置静态IP(非动态获取IP)

在VMware上安装好Linux后,默认设置的动态IP,每次启动的IP都不同,远程连接挺费劲的. 于是,需要设置静态的IP,至少我从远程工具连接上去方便多了.另外,为了安装一些软件,也需要访问互联网. > 版本说明 [[email protected] ~]$ cat /etc/issue CentOS release 6.5 (Final) Kernel \r on an \m > VMware设置 虚拟机的网络配置:右击 > 设置 > 网络适配器 > 桥接模式(B):直接

CentOs 设置静态IP 方法

在做项目时由于公司局域网采用自动获取IP的方式,导到每次服务器重启主机IP都会变化.为了解决这个问题,我参考了http://blog.sina.com.cn/s/blog_537977e50100qhb5.html的文章然后根据自己的情况设置静态IP解决了这个问题,处理方式如下: 1.修改网卡配置 编辑:vi /etc/sysconfig/network-scripts/ifcfg-eth0 DEVICE=eth0 #描述网卡对应的设备别名,例如ifcfg-eth0的文件中它为eth0 BOOT

linux (CentOS)设置静态IP

linux设置静态ip的时候一直报错:Job for network.service failed. See 'systemctl status network.service' and 'journalctl -xn' for details. 把我坑了好几个小时,在这写一个随笔,希望遇到这个问题的朋友不要在这个问题上浪费时间, 在终端中输入:vi /etc/sysconfig/network-scripts/ifcfg-eth0 配置文件:    配置完以后保存 然后输入 ip addr 看

win7设置虚拟网卡以及如何设置静态IP

首先来说明一下我用的虚拟机是VMware-workstation-6.5.1物理机平台是Win7旗舰版(说实在现在很多教程都还是以古老的XP系统来讲解的我以我就试着在Win7下小试一下.),人家都说嵌入式并不难,但是为什么还是有很多对嵌入式感兴趣的小伙伴最后放弃了呢?以我的拙见可能就是大家对linux系统(温馨提示:此处我说的Linux系统是指PC机上的.)的不熟悉导致的,有些小伙伴就问了这个学嵌入式怎么跑到Linux系统了呢,多方面的原因其中最重要的是因为我们图便宜-系统开源免费呗!既然我们选

【MFC设置静态文本框背景为透明】

视图类中加入OnCtlColor()函数: IDC_STATIC1为静态文本框ID HBRUSH CAngleView::OnCtlColor(CDC* pDC, CWnd* pWnd, UINT nCtlColor) { HBRUSH hbr = CFormView::OnCtlColor(pDC, pWnd, nCtlColor); if((pWnd->GetDlgCtrlID() == IDC_STATIC1)) { pDC->SetTextColor(RGB(255,255,255))