Nodejs Express下引入本地文件的方法
2024-09-18 16:25:39
Express的结构如下:
|---node_modules------用于安装本地模块。
|---public------------用于存放用户可以下载到的文件,比如图片、脚本文件、样式表等。
|---routes------------用于存放路由文件。
|---views-------------用于存放网页的模板。
|---app.js------------应用程序的启动脚本。
|---package.json------项目的配置文件。
|---routes------------用于存放路由文件。
|---views-------------用于存放网页的模板。
|---app.js------------应用程序的启动脚本。
|---package.json------项目的配置文件。
从上述结构中可知要把本地文件放入public中,比如脚本文件js文件就可以放入public文件夹下的javascripts中。
至于为什么放到其他位置不起作用,答案如下:
app.js中对于引入静态文件的程序如下:
app.use(express.static(path.join(__dirname, 'public')));//__dirname为程序执行时的绝对路径。
这样一来,就指明了本地文件的引入方法。所以说把本地文件放入public下就有理有据了,下面讲述一下在Express Ejs中具体的使用方法。
例如想引入本地的bootpicker.js文件,只需在html head中加入一下代码:
<script src="/javascripts/datepicker.js" type="text/javascript"></script>
当浏览器发出非HTML文件请求时,服务器端就到public目录下寻找javascripts,再到javascripts下寻找bootpicker.js文件。
最新文章
- C算法编程题系列
- win7,安装node失败
- [翻译] Autofac 控制范围和生命周期
- I belonged to you
- [Yii2]Unable to verify your data submission(你提交的资料无法被验证)
- easyui源码翻译1.32--LinkButton(按钮)
- TFS环境搭建
- sql为了实现转换的行列
- win7系统下连接使用mac 蓝牙键盘(Apple Wireless Keyborad)
- 线程的实现方法以及区别 extends Thread、implements Runable
- 玩玩 Nginx 2-----给Nginx添加第三方模块(动态更新upstream)
- Images as x-axis labels
- Example004自动关闭的广告窗口
- Tensorflow图像处理以及数据读取
- 小白必读:闲话HTTP短连接中的Session和Token
- MySql与python交互
- ViewPage+frament不预载入下一个Frament数据解决的方法
- 【DeepLearning】Exercise:Convolution and Pooling
- 使用sqoop将MySQL数据库中的数据导入Hbase
- IDEA maven项目下测试mybatis例子,使用mappper class或package引入mapper映射文件,总是报错Invalid bound statement(所有配置完全正确)
热门文章
- Windows 2008 R2 安装 Windows phone 7 开发环境
- 两个shell脚本
- 控制input框不能更改里面的内容
- 《Benign and maligenant breast tumors classification based on region growing and CNN segmentation》翻译阅读与理解
- mybatis读取配置文件报错:Could not find resource configuration.xml
- Tomcat的SSL证书配置以及Tomcat+Nginx实现SSL配置
- uml的四种关系
- javascript-binarySearch
- easyui datagrid 没数据时显示滚动条的解决方法
- 展开、收起div的jQuery代码