部署本地静态html

最新推荐文章于 2025-03-15 13:36:43 发布
最新推荐文章于 2025-03-15 13:36:43 发布
阅读量3.9k 收藏 1
点赞数
分类专栏： 2018--前端 文章标签： HTML 部署静态资源
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Stephen__Wu/article/details/83013724
版权

1, 解压src.7z
在这里插入图片描述

2, 进入 src ,点击这个文件, 点击地址栏 ,复制; 得到 C:\Users\wande007\Desktop\src

3, 火狐浏览器 -> 选项 -> 主页 -> 主页和新窗口， 粘贴 C:\Users\wande007\Desktop\src
在这里插入图片描述

5, 加上 /index.html，点击确定就可以了。

部署html静态页面
zsmxiaoci的博客
11-11 1351
win下使用nginx转发html页面
live2d看板娘设置
04-16
详细介绍见https://blog.youkuaiyun.com/renjingzhaozhao/article/details/105558061
把HTML项目部署到服务器中
o_w_l_5_1_6的博客
05-13 1万+
aaaa
HTML 新手入门：从零基础到搭建第一个静态页面（二）
qq_42190530的博客
03-15 947
HTML 新手入门：从零基础到搭建第一个静态页面（二）
在本地电脑发布网站
weixin_30823001的博客
02-18 423
控制面板-》程序和功能-》启动或关闭wondows功能-》打开iis 在开始菜单找到iis-》添加网站-》配置网站名，IP地址填本机电脑地址-》完成 IIS是一种Web（网页）服务组件，其中包括Web服务器、FTP服务器、NNTP服务器和SMTP服务器，分别用于网页浏览、文件传输、新闻服务和邮件发送等方面，它使得在网络（包括互联网和局域网）上发布信息成了一件很容易的事。 ...
闲谭HTML(35)--网站的本地部署
程序员大阳
05-20 2926
这里首先要区分服务器、服务器软件这两个概念。服务器一般我们指的是性能比较强的电脑，这种电脑我们个人拿来用有点浪费，因为挺贵的，起步也得一两万一台。它是用来运行我们的网站的，可以供成千上万（甚至几十万、几百万）的用户同时访问。服务器软件，则是服务器上安装的各种软件，以我们网站部署所用软件为例，精准的说应该是web服务器软件，它的作用就是把网站传播出去。做个对比，广播大家都听过，广播的作用是把声音传播出去，那么web服务器软件的作用，就是把网站传播出去。
如何在本机发布一个index.html,如何在本机的Apache tomcat9.0.8服务器中打开cesium的index.html页面...
weixin_42517137的博客
06-25 349
点击这个按钮来获取最新的Cesium：下载Cesium。下载完成之后将zip文件解压到你选择的新目录，解压之后文件目录类似于下图。不能直接双击运行index.html，在实际工作中，它需要运行在Web服务器上。步骤如下：1、将上一节的目录Cesium-1.54完全拷贝放在服务器Web应用根目录webapps下：我的计算机Apache tomcat9.0.8的默认Web应用根目录为：C:\Progr...
tomcat部署简单的html静态网页的方法
09-30
以上就是使用Tomcat部署简单HTML静态网页的详细知识点，涵盖了从安装到配置再到访问的过程，希望对学习者有所帮助。在操作过程中，如果遇到问题，可以参考Tomcat的官方文档或寻求专业人士的帮助。
在腾讯云上部署静态网页
01-07
1、首先要有一个云服务器 ...3、通过Nginx部署静态网站 搭建静态网站，首先需要部署环境。通过 Nginx 部署 HTTP 静态服务 在 CentOS 上，可直接使用 yum 来安装 Nginx yum install nginx -y 安装完成后，使用 ng
Tomcat和Weblogic部署纯html文件过程解析
09-29
部署静态HTML页面是Web开发中最基础的操作之一，对于理解Web应用的运行机制以及Web服务器的工作原理至关重要。通过本文提供的详细步骤和示例代码，读者将能够顺利完成在Tomcat和Weblogic上部署HTML文件的过程。 ...
linux服务器上使用nginx访问本地静态资源的方法
09-14
本文将详细介绍如何在Linux服务器上配置Nginx来访问本地静态资源。 首先，确保你的系统已经安装了Nginx。如果没有，可以通过包管理器如`apt-get`（Ubuntu/Debian）或`yum`（CentOS/RHEL）进行安装： ```bash # ...
nginx配置访问图片路径以及html静态页面的调取方法
09-30
在本文中，我们将深入探讨如何配置Nginx服务器以访问图片路径以及HTML静态页面。Nginx是一个高性能的HTTP和反向代理服务器，广泛用于处理静态内容，如图片和HTML页面。下面我们将逐步解析配置过程。 首先，确保你...
nginx的安装和html部署问题
潮汐未见潮落的博客
05-07 6769
nginx的安装使用，常用命令，以及刷新页面报404错误问题
如何免费静态部署一个html网页使每个人都可以访问到
weixin_74292291的博客
01-03 2396
如何免费静态部署一个网页使每个人都可以访问到
域名绑定静态html,Github Pages部署静态页面并绑定域名
weixin_39553653的博客
05-31 400
前言如果你想制作个人主页或者个人简历发布到网上，但是又没有自己的vps、云服务器，那么Github Pages可以帮到你。简略步骤1. 建立自己的github.io仓库例如我的用户名是vayci，那么我的github.io仓库名应该为： vayci.github.io2. 上传静态页面因为github.io仓库时专门部署页面的，所以直接使用master分支即可。在master分支下面上传你的页面。...
HTML页面本地正常，部署到服务器稍微异常解决方案
aaronthon的博客
11-17 2905
<meta http-equiv="X-UA-Compatible" content="IE=edge" > 在IE浏览器正常显示
tomcat部署简单的html静态网页
热门推荐
russ44的博客
09-10 7万+
首先电脑上（无论Windows还是linux系统）应该装好java和Tomcat，并设置好它们的环境变量。 设置完成后，启动Tomcat ，打开浏览器输入网址：http://ip:port，如果出现相应的页面，说明Tomcat安装成功，可以继续下面的配置。   在\conf\server.xml中下上添加如下内容 其中Host name="i
手把手从0创建webpack并部署到本地服务器
csdn_zsdf的博客
08-16 4427
相信很多气的那段的初学者看到webpack是一脸懵逼，好不容易学会了一种前端框架，但在大型项目中的webpack也是必不可少的，所以有时候需要自己去动手改造一下webpack，接下来就从建立一个js文件开始逐步实现webpack的打包以及部署。 在使用的webpack4版本和以前的版本略有不同。 先下载webpack和webpac-cli，4版本以后，webpack-cli和webpack分开...
本地部署静态资源
最新发布
03-17
### 本地部署静态资源配置方法 #### 配置 Vite 和 Vue3 中的静态资源 在基于 Vite 的 Vue3 开发环境中，可以通过 `import` 或者通过相对路径的方式引入本地图片或其他静态资源。为了确保打包后的项目仍然能够正常加载这些资源，可以按照以下方式操作： 1. 将静态资源放置于项目的 `public` 文件夹下。Vite 默认会将该目录下的文件原样复制到构建输出目录中[^1]。 2. 使用绝对路径 `/` 来引用位于 `public` 文件夹内的资源。例如，在 HTML 模板中可以直接写 `<img src="/logo.png">`。 如果需要动态导入图片，则可以在 JavaScript 中使用如下代码： ```javascript const imgSrc = new URL('./assets/logo.png', import.meta.url).href; document.getElementById('image').src = imgSrc; ``` #### 前端静态资源本地化部署 对于更通用的情况，比如不依赖框架的情况下完成前端静态资源的本地化部署，通常的做法是设置根路径并结合实际需求调整映射关系。具体来说，HTML 页面所在的目录应作为服务的基础路径 (base path)，而其他子模块则依据此基础路径进一步扩展其对应的物理存储位置[^2]。 假设当前工作区结构如下所示： ``` /html/ /webapp/ index.html zjzg/image.jpg ``` 那么当访问 http://localhost:8080/zjzg/image.jpg 时，服务器应该返回上述路径中的 image.jpg 文件内容。 #### 利用 KOA2 实现简单 HTTP Server 并支持静态资源提供 Node.js 结合 Koa 可轻松搭建起一个具备基本功能的小型 Web 应用程序，其中包括对静态资产的支持。以下是创建这样一个应用所需的几个关键步骤之一——启用 koa-static 插件来服务于公共目录的内容: 首先初始化 npm 工程以及安装必要的依赖项: ```bash npm init -y && npm install --save koa koa-router koa-bodyparser koa-static ``` 接着编写启动脚本 main.js 如下: ```javascript // 导入所需库 const Koa = require('koa'); const Router = require('koa-router'); const serveStatic = require('koa-static'); let app = new Koa(); let router = new Router(); // 添加静态资源中间件, 这里指定 public 是我们的公共资源文件夹. router.use('/static', serveStatic(__dirname + '/public')); app.use(router.routes()).use(router.allowedMethods()); console.log(`Server running at port 3000`); app.listen(3000); ``` 这样做的好处在于它不仅限定了哪些部分会被公开暴露给外部网络请求，同时也简化了后续维护成本因为所有的媒体素材都被集中管理起来了[^3]. #### NGINX 下的静态资源托管方案 NGINX 提供了一种高效的方法用于分发只读数据集如网站模板、样式表单、JavaScript 脚本以及其他多媒体材料等类型的文档集合。它的配置非常简洁明了，下面给出一段典型的例子展示如何定义站点及其关联的数据源定位点： 编辑 nginx.conf 文件加入类似这样的条目即可生效： ```nginx server { listen 80; server_name localhost; location / { root html; index index.html index.htm; } error_page 500 502 503 504 /50x.html; location = /50x.html { root html; } } ``` 在此基础上还可以利用正则表达式匹配更加复杂的 URI 形式从而实现按需定制的服务行为模式[^4]。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值