使用Nodejs进行服务器搭建过程中静态文件发现的相对路径问题

最新推荐文章于 2023-01-09 20:45:03 发布
最新推荐文章于 2023-01-09 20:45:03 发布
阅读量362 收藏
点赞数
分类专栏： Javascript Node.JS 项目部署 文章标签： node.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42042017/article/details/110699313
版权

如果在服务器上存在一个通过配置可以被直接访问的静态文件夹static中有index.html，若该html文件中有引入外部js文件如：static/js/hammer.min.js，那么在index/html文件中引入时，其相对路径写法应该为：

 <script src="../js/hammer.min.js"></script>

此时的../表示服务器的访问路径，由于我们通过配置了静态文件夹static下的文件都可以直接通过域名/文件名的形式直接访问到，因此此时的../实际相当于static文件夹，那么../js就相当于static/js了

loftyamb
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
浅谈使用nodejs搭建web服务器的过程
12-17
使用 Node 创建 Web 服务器 什么是 Web 服务器？ Web服务器一般指网站服务器，是指驻留于因特网上某种类型计算机的程序，Web服务器的基本功能就是提供Web信息浏览服务。它只需支持HTTP协议、HTML文档格式及URL，与客户端的网络浏览器配合。 大多数 web 服务器都支持服务端的脚本语言（php、python、ruby）等，并通过脚本语言从数据库获取数据，将结果返回给客户端浏览器。 目前最主流的三个Web服务器是Apache、Nginx、IIS。 Node.js 提供了 http 模块，http 模块主要用于搭建 HTTP 服务端和客户端，使用 HTTP 服务器或客户端功能必
nodejs配置静态资源错误
weixin_44066438的博客
08-05 734
踩了一个大坑，在nodejs配置静态资源时，最开始是用到了这种方法，在本地打开时 app.use('/public',express.static('./public')) 然后发现死活获取不了public下的文件，在网上寻找了各种方法之后，终于解决了问题，解决代码如下 app.use('/public',express.static(path.join(__dirname, 'public')...
解决node读取文件时的路径问题
qq_41944936的博客
01-09 1461
node读取文件的时候，路径可以使用相对路径也可以使用绝对路径。但是不推荐使用+拼接路径，更推荐使用path模块的join方法。注意：使用join的时候“…如果使用绝对路径，则移植性差，不利于维护。获取当前文件路径，然后动态拼接完整路径。如果使用相对路径，容易找不到文件。表示当前文件所处的路径。
node 反向代理
qq16337的博客
10-28 506
1. 首先安装express、http-proxy-middleware和connect-timeout（此模块用于处理超时）: npm install --save-dev express http-proxy-middleware connect-timeout 2. 新建一个proxy-server.js文件。 const express = require('express');...
搞点事情，使用node搭建反向代理
Qcloud_KID的博客
04-29 1939
导语 最近有个需求，需要对业务管理后台的操作记录进行上报。一般这种上报需求都是又后台同学来做比较合适的。但是因为后台人力的原因。这个工作落到了我这个小前端的头上。这里记录下做这个需求踩的一些坑。 一、实现反向代理 做为一个前端工程师，写代理脚本第一选择肯定是node。不过在此之前，要把请求代理到机器A上面的node服务上面。这里使用了tnginx。在nginx.config文件里
vue项目部署服务器，static文件夹里文件路径不对报404
weixin_42981487的博客
10-12 4713
场景：vue项目本地运行正常，npm run build之后，将dist文件上传至服务器之后，在nginx配置完成情况下，访问域名出现 .js 、.css等静态资源文件访问404，导致访问页面空白。 原因：路径不对，找不到对应的static文件夹 方案： 有两种修改方式，一种是修改为相对路径，一种是修改为绝对路径。 以相对路径为例 解决方案： 将 ’ / ’ 改成 ’ ./ ’ 然后重新打包部署，访问就可以了。 参考于：vue 项目放在服务器上 静态资源路径不对报404错误_yongy.
docker 部署node项目
二蛋煎饼
12-30 4307
docker简单部署Node项目
Node.js配置服务器(3-静态资源文件夹)
m0_61303738的博客
10-25 2107
适用场景：上一章我们根据客户端请求路径读取对应的html文件并返回给用户，但是这个写法存在一个问题，一般前端页面都会引入很多css层叠样式表和js脚本，当我通过服务器返回html页面时，它里面所有相对的引入路径都会变为服务器路径，这时候我们想要引入的东西服务器没有配置的话就无法引入，如果一个一个配置的话需要配置很多的路由，费事不说，还造成了代码冗余，难以阅读，这时候就需要配置静态资源。
node 图片路径出错
jiaoqi6132的博客
02-22 382
const http = require("http"); const fs = require("fs"); const url = require("url"); const querystring = require("querystring"); let data = '成功开启服务'; fs.writeFile('文件.txt', data, 'utf8',(err) => ...
nodejs读取文件路径不对
pobu168的博客
02-26 2134
在测试读取文件内容时，发现无路如何配置路径总会报文件不存在问题。 代码： router.get('/modifyFile', function(req, res, next) { fs.readFile("./exportJS.js",function(err,data){ if(err){ console.log(err); }el...
用NodeJS打造你的静态文件服务器
12-22
网络文摘：JacksonTian - 用NodeJS打造你的静态文件服务器
静态页面中js获取相对路径
02-07
js获取相对对路径js获取相对对路径js获取相对对路径
在windows上用nodejs搭建静态文件服务器的简单方法
10-21
主要介绍了在windows上用nodejs搭建静态文件服务器的简单方法，非常不错，具有参考借鉴价值，需要的朋友可以参考下
用Nodejs搭建服务器访问html、css、JS等静态资源文件
10-19
本篇文章主要介绍了用Nodejs搭建服务器访问html、css、JS等静态资源文件的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧
Nodejs读取文件时相对路径的正确写法(使用fs模块)
12-23
在开发Nodejs中，我们往往最常用的模块就是fs核心模块(fs.readFile)来读取文件。代码如下： 但是运行之后，并没有按照想象中一样，读取test.html文件内容，这是一个bug，坑爹的玩意，解决办法： 其实由于运行环境的...
nodejs搭建本地服务器并访问文件操作示例
10-17
主要介绍了nodejs搭建本地服务器并访问文件操作,结合实例形式分析了nodejs搭建本地服务器操作步骤及文件访问相关实现技巧,需要的朋友可以参考下
node获取图片路径_那些年在webstorm中使用node的坑...
weixin_39531761的博客
11-23 192
webstorm中使用node内置模块path.resolve()方法获取绝对路径错误分析及解决方案问题已解决，更新自：2019年5月9日问题描述：在使用webstorm测试node的path内置模块时，在JS模块中调用path.resolve()方法，无法获得该JS模块的绝对路径（不含模块名称：也就是模块所在文件夹的绝对路径）【下同】。问题现象及分析解决步骤：第一步： 将pathTest文件夹作...
pm2 部署 node.js项目踩过的坑
全栈小菜鸟
01-05 1736
pm2部署指令 pm2 deploy ecosystem.json production setup pm2 deploy ecosystem.json production 配置文件: //ecosystem.json { "apps": [{ "name": "Ice", "script": "server.js", "env": { "COMMON_VARIABLE": "true" }, .
服务器路径和客户端路径，绝对路径和相对路径
u013469562的博客
11-04 5839
总结和弄清楚服务器路径和客户端路径，绝对路径和相对路径 以及对应的获取方法 服务器端路径：/资源路径     /代表当前项目     客户端路径：不带协议的绝对路径：/项目名/资源路径          请求转发本质：         每次请求转发，request对象都是不同，新的对象会把旧的对象中的参数、属性、行、头、体 复制过来。         每次请求转发，r
使用nodejs搭建服务器
最新发布
10-16
好的，关于使用 Node.js 搭建服务器，你可以按照以下步骤进行： 1. 安装 Node.js：在官网下载对应系统的安装包，安装完成后在命令行输入 `node -v` 检查是否安装成功。 2. 创建项目文件夹：在命令行中进入你想要...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值