111Express-静态资源路径设置后的坑+include和require的路径不需要写绝对路径

最新推荐文章于 2023-03-15 17:26:04 发布
最新推荐文章于 2023-03-15 17:26:04 发布
阅读量226 收藏
点赞数
分类专栏： Express
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gy_9543/article/details/107700080
版权

加/

设置完静态路径后art模板里面的css 、js路径存在的坑
要加一个/表示相对于public下绝对路径的开始
否则加载不出来静态资源
在这里插入图片描述

include和require的路径不需要写绝对路径

教练我真的想敲代码
关注
专栏目录
node.js + express + mongoose + express-art-template + mongodb + bootstrap 博客实战项目[黑马程序员]--part02
huaqi_的博客
07-22 557
二、服务器搭建 脑图： @ 1. app.js 代码 // 引入 express 框架 const express = require('express'); // 引入路径处理 const path = require('path'); // 引入express-session 模块 const session = require('express-session'); // 导入 art-template 模板引擎 const template = require('art-tem..
NodeJS_08_art-template子模板与模板继承_MongoBooster_express-session_三大类中间件_全局错误处理
pre_eminent的JAVA学习园地
04-20 2486
NodeJS七天课程学习笔记_第8天 Blog综合案例Blog 综合案例 (包含注册、登录、修改密码、注销、发布、分页列表、评论、个人中心、上传头像等)课程内容概要:    1. 介绍art-template中的 子模板 与 模板继承    2. 介绍表单同步提交与异步提交的区别    3. 介绍了可视化管理工具MongoBooster    4. 介绍了blueimp/javascript-MD...
node.js框架Express的路径问题
weixin_44806635的博客
09-12 530
node.js框架Express（一） var express =require('express') //1、创建app： var app=express() //当以/public/开头的时候，去 ./public/目录中找找对应的资源； //这种方式更容易辨识，推荐这种方式 //app.use('./public/',express.static('./public/')) //必须是/a/public目录中的资源具体路径： //app.use('/a/',express.static('./pub
vue3+vite require引入静态资源
最新发布
qq_53816329的博客
03-15 546
解决vue3引入静态资源
学习笔记-express路径问题
weixin_30652897的博客
04-20 428
　　在页面渲染成功之后，报错出现静态文件css样式引用路径出错，于是我就根据express api文档，托管静态文件作出修改，最后全是徒劳。于是我又从引用开始找起，<link rel="stylesheet" href="../public/css/register.css"> 我看到public，我就在想会不会跟public有关索性我就试试把public删掉，重新运行居然成功了。（但...
Node模块之http ,fs,express，path
paopaosama的博客
09-27 486
1.http模块 用来起一个后端服务（程序） ①前提：执行了npminit创建了包含package.json文件的初始化文件夹、 ②导入模块： let http = require("http"); node中使用require导入模块，通常把它存在一个同名的变量里，便于使用。 let http = require('http'); // 访问的时候触发这个回调函数 let ...
request-directory 使用教程
nullccc的博客
02-18 362
本系列是我的常用 koa 中间件使用笔记，防止忘记使用方法而作记录 request-directory 可以递归的遍历指定目录，并且对其进行操作。常用用法的是用它自动加载 koa-router 的路由。 基本使用 const Koa = require('koa'); // 引入koa const app = new Koa(); // 创建koa应用 const requireDirectory = require('require-directory'); const..
MEAN网站开发＃5：Jade和Express
04-04
4. **静态文件服务**：内置的静态文件服务可以方便地提供CSS、JavaScript和其他静态资源。 5. **错误处理**：Express提供了全局错误处理机制，确保程序在遇到错误时能够优雅地失败。 下面是一个简单的Express应用...
art-template+Express+MongoDB小项目
qq_36623798的博客
02-23 1442
前言 为了体验前后端交互的内容，我找了art-template+Express+MongoDB（代码Github）这个简单的小项目练练手，页面极其简陋，不喜勿喷。 本项目是使用前端引擎art-template+Express+MongoDB为主开发的项目，本文将对项目使用的技术和一些细节处进行讲解。 一、效果 二、功能 1.已经完成功能 2.待优化或实现 三、主要使用技术 四、快速上手art-te...
前后端不分离项目思路（页面布局注意点暂时不包含数据库·上篇）
qq_44811769的博客
02-23 2142
1.项目用了node中express的项目生成器，需要使用node中npm的包管理器下载express-generator 工具，下完之后用express projectName命令搭建，express后面是创建的项目名，等等操作，我还下了一个nodemon的工具自动刷新就不用每次开关服务（具体操作想知道的可以问我，这里我就不写了） 2页面从bootstrap用cv大法找模板，更改了路径，删减和增添了一些配置，公共部分我分别放在了一个单独的文件，使用include插入 格式： <%- include(
一个非常详细的require文档
06-01
NULL 博文链接：https://tntxia.iteye.com/blog/2299247
node.js require 相对路径 or 绝对路径
hsany330的专栏
03-19 3343
node.js 加载其他模块时要使用require(路径) ,路过路径加载的一般都是文件模块,程序首先会加上.js扩展名尝试去搜索,如果找不到,就尝试用 .json 格式扩展名去搜索加载,还找不到,就加上扩展名 .node 去搜索加载. 但是这里的路径也有些说道的! 常见的格式: require('./lib/util'); 上面的加载路径是一个相对路径,程序会去所在目录上一层找到lib 文件目录,然后目录下找到 util.js 文件并加载. 如何辩别相对/绝对路径, 相对路径以 . 开始..
Express 获取全部路径
y的博客
11-09 3788
获取路径
绝对路径、相对路径、根路径
zyz00000000的博客
12-21 7466
今天探讨一下浏览器和服务器中的绝对路径、相对路径和根路径 浏览器中 对于浏览器而言，是无法知道服务器中，文件目录路径的。因为浏览器获取的文件资源，很可能跟服务器中文件资源目录不对应。而服务器是知道每个文件和资源在具体的哪个位置存放。 浏览器中的相对路径： 下面代码中的reset.css header.css index.css是相对路径。你以为是相对当前的html文件index.html吗？不是！ 而是相对于当前浏览器的url路径。 <!-- index.html --> &..
nodejs中的directory、static与forever
Wopelo的博客
03-31 3858
不知道各位学nodejs的童鞋在 初次接触nodejs时会不会有这样的疑问——你看看人家php、jsp文件都可以用apache、tomcat之类的服务器打开，nodejs怎么没有服务器呢？说具体点，假如我们写了一个项目，把它放到我们的远端服务器上，用户如何访问我们的项目呢？假如我们服务器的ip地址或者域名是xxxx，使用的是apache，端口80。那么用户只需访问xxxx就可以看到我们的页面了。但n
require-directory实现路由自动加载和注册
Hiroshi's
02-25 433
传统的引入路由，需要一个一个require引入： 如果很很多路由，那就太麻烦了，我们可以通过require-directory来实现自动批量加载路由： 再看看我们的路由是怎么写的： 我们这里路由默认module.exports = router，直接把router导出，而没有使用module.exports = { xxx: router }的方式，因为用后者的话，比较麻烦，app.js里面遍历的代码就要修改了 ...
express中的静态资源访问
forljnlearning的博客
06-25 561
拦截所有请求 使用express.static方法 const express = require('express'); const path = require('path') //创建服务器 const app = express(); //参数为静态资源的目录 第一个参数是虚拟路径可以不写 app.use('/static',express.static(path.join(__dirname,'public'))); app.listen(3000); console.log('网站服
node+express项目部署到linux服务器，静态资源无法访问的原因
weixin_30315435的博客
08-30 849
项目在本地运行OK，准备发布测试版本，结果部署到测试环境里面，在地址栏访问时报了错，一首凉凉送给自己，经过排查应该是下面这段代码引起的 app.use("/ResourceAndCatalogMgt",express.static("/public")); 　　上面这行代码在Windows下面运行是OK的，可是跑到linux上面就报了错，解决方法添加绝对路径__dirname ...
【nodejs】express框架static静态资源默认页面index.html 如何修改？
m0_48808447的博客
08-21 5165
在输入地址，如: localhost:8888时，不做其它路由拦截时，默认显示，静态资源文件夹下的index.html页面 需求：如何可以更改默认页面，如默认显示login.html页面 解决方法： express.static方法有两个参数，第一个路径，第二个参数可选，第二个参数，可以进行多个设置，其中就有index,设置默认显示的文件，默认值为index.html, 如何要修改，直接设置index为对应的修改页面. 代码如下，即可. app.use(express.static(__dirname+"/
Vue-cil与Webpack本地图片路径解决策略
理解和处理Vue CLI和Webpack中的本地静态图片路径问题，对于优化项目构建流程和提升开发效率至关重要。开发者应根据项目特性、业务需求和个人偏好选择合适的解决方案，同时保持代码的灵活性和可维护性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值