前端技术
HTML
CSS
Javascript
前端框架和UI库
VUE
ReactJS
AngularJS
JQuery
NodeJS
JSON
Element-UI
Bootstrap
Material UI
服务端和客户端
Java
Python
PHP
Golang
Scala
Kotlin
Groovy
Ruby
Lua
.net
c#
c++
后端WEB和工程框架
SpringBoot
SpringCloud
Struts2
MyBatis
Hibernate
Tornado
Beego
Go-Spring
Go Gin
Go Iris
Dubbo
HessianRPC
Maven
Gradle
数据库
MySQL
Oracle
Mongo
中间件与web容器
Redis
MemCache
Etcd
Cassandra
Kafka
RabbitMQ
RocketMQ
ActiveMQ
Nacos
Consul
Tomcat
Nginx
Netty
大数据技术
Hive
Impala
ClickHouse
DorisDB
Greenplum
PostgreSQL
HBase
Kylin
Hadoop
Apache Pig
ZooKeeper
SeaTunnel
Sqoop
Datax
Flink
Spark
Mahout
数据搜索与日志
ElasticSearch
Apache Lucene
Apache Solr
Kibana
Logstash
数据可视化与OLAP
Apache Atlas
Superset
Saiku
Tesseract
系统与容器
Linux
Shell
Docker
Kubernetes
[静态文件服务]的搜索结果
这里是文章列表。热门标签的颜色随机变换,标签颜色没有特殊含义。
点击某个标签可搜索标签相关的文章。
点击某个标签可搜索标签相关的文章。
NodeJS
...e.js是一种运行在服务器端的JavaScript环境,它提供了一种快速的方式来构建高性能网络应用程序。随着Node.js的日益火爆和不断进步,现在市面上涌现出一大批五花八门的web开发框架,真是让人眼花缭乱哪!其中,Express和Koa是最受欢迎的两个框架之一。那么,这两者之间有何不同呢?接下来,我们将深入探讨这个问题。 二、什么是Koa和Express? Koa和Express都是基于Node.js的web开发框架,它们都提供了强大的路由系统、中间件机制和模板引擎等功能。然而,两者的实现方式和设计理念有所不同。 三、Koa的特点 1. 轻量级设计 相比Express,Koa的代码更简洁,没有过多的内置特性,使得开发者能够更好地专注于业务逻辑。 2. 原生异步I/O Koa采用了最新的ES6语法,支持Promise和async/await等特性,这使得Koa具有更好的性能和可读性。 3. 中间件流程控制 Koa使用了柯里化和函数式编程的理念,提供了一种新的中间件处理方式,使得中间件的调用变得更加清晰和易于维护。 四、Express的特点 1. 大而全 Express提供了大量的内置特性,包括模板引擎、静态文件服务器、错误处理等,使得开发者能够更快地搭建出一个完整的web应用。 2. 更丰富的第三方模块支持 由于Express有着广泛的用户群体和社区支持,因此有很多优秀的第三方模块可供选择,如Passport、Body-parser等。 3. 优雅的错误处理 Express提供了优雅的错误处理机制,可以在发生错误时自动捕获并返回一个统一的错误页面,从而提高了用户体验。 五、对比总结 综上所述,Koa和Express各有其特点和优势。如果你追求简洁快速,对高效有着特别的偏爱,那么Koa绝对是个不错的选择;而如果你更倾向于稳扎稳打,喜欢久经沙场、成熟可靠的框架,那Express绝对是你的不二之选。在实际开发中,可以根据项目需求和个人喜好来选择合适的框架。 六、示例代码 为了更好地理解和掌握这两种框架,我们来通过一些代码示例来进行比较。 首先,我们来看一下如何使用Express来创建一个新的web应用: javascript const express = require('express'); const app = express(); const port = 3000; app.get('/', (req, res) => { res.send('Hello World!'); }); app.listen(port, () => { console.log(Server is listening at http://localhost:${port}); }); 这段代码定义了一个简单的HTTP服务,当访问根路径时,会返回'Hello World!'字符串。如果需要添加更多的路由,就像在地图上画出新路线一样简单,你只需要在对应的位置“挥笔一画”,加个新的app.get()或者app.post()方法就大功告成了。就像是给你的程序扩展新的“小径”一样,轻松便捷。 然后,我们来看一下如何使用Koa来创建一个新的web应用: javascript const Koa = require('koa'); const app = new Koa(); app.use(async ctx => { ctx.body = 'Hello World!'; }); app.listen(3000, () => { console.log('Server is listening at http://localhost:3000'); }); 这段代码也定义了一个简单的HTTP服务,但是使用了Koa的柯里化和async/await特性,使得代码更加简洁和易读。举个例子来说,这次咱们就做了件特简单的事儿,就是把返回的内容设成'Hello World!',别的啥路由规则啊,都没碰,没加。 七、结论 总的来说,Koa和Express都是非常优秀的Node.js web开发框架,它们各有各的优点和适用场景。无论是选择哪一种框架,都需要根据自己的需求和技术水平进行考虑。希望通过这篇文章,能够帮助大家更好地理解和掌握这两种框架,为自己的web开发工作带来更大的便利和效率。
2023-07-31 20:17:23
101
青春印记-t
Tornado
...可是一个很酷的Web服务器框架,它不堵车,能基于事件自动反应,超级适合处理异步操作!这就表示它能同时搞定很多任务,完全不会拖累主程序,让它干等着。这使得 Tornado 成为构建实时应用的理想选择。 2.1 Tornado 的核心概念 - Application:这是 Tornado 应用程序的入口点。你可以在这里定义路由、处理函数等。 - RequestHandler:这是处理 HTTP 请求的核心类。你需要继承这个类并重写 get、post 等方法来处理不同的请求类型。 - AsyncHTTPClient:这是一个异步的 HTTP 客户端,可以用来发送网络请求。 示例代码: python import tornado.ioloop import tornado.web class MainHandler(tornado.web.RequestHandler): def get(self): self.write("Hello, world!") def make_app(): return tornado.web.Application([ (r"/", MainHandler), ]) if __name__ == "__main__": app = make_app() app.listen(8888) tornado.ioloop.IOLoop.current().start() 这段代码创建了一个简单的 Tornado 应用,它监听 8888 端口,并在访问根路径时返回 "Hello, world!"。 3. 前端框架的集成 现在,我们来看看如何将 Tornado 与前端框架集成。这里,我们以 React 为例,但同样的原则也适用于 Vue 和 Angular。 3.1 静态文件服务 前端框架通常需要一个静态文件服务器来提供 HTML、CSS 和 JavaScript 文件。Tornado 可以很容易地实现这一点。 示例代码: python import tornado.ioloop import tornado.web class StaticFileHandler(tornado.web.StaticFileHandler): def set_extra_headers(self, path): 设置 Cache-Control 头,以便浏览器缓存静态文件 self.set_header('Cache-Control', 'max-age=3600') def make_app(): return tornado.web.Application([ (r"/static/(.)", StaticFileHandler, {"path": "./static"}), (r"/", MainHandler), ]) if __name__ == "__main__": app = make_app() app.listen(8888) tornado.ioloop.IOLoop.current().start() 在这个例子中,我们添加了一个静态文件处理器,它会从 ./static 目录中提供静态文件。这样一来,你的 React 应用就能通过 /static/ 这个路径找到需要的静态资源了。 3.2 实时数据传输 前端框架通常需要实时更新数据。Tornado 提供了 WebSocket 支持,可以轻松实现这一功能。 示例代码: python import tornado.ioloop import tornado.web import tornado.websocket class WebSocketHandler(tornado.websocket.WebSocketHandler): def open(self): print("WebSocket opened") def on_message(self, message): self.write_message(u"You said: " + message) def on_close(self): print("WebSocket closed") def make_app(): return tornado.web.Application([ (r"/ws", WebSocketHandler), (r"/", MainHandler), ]) if __name__ == "__main__": app = make_app() app.listen(8888) tornado.ioloop.IOLoop.current().start() 这段代码创建了一个 WebSocket 处理器,它可以接收来自客户端的消息并将其回传给客户端。你可以在 React 中使用 WebSocket API 来连接这个 WebSocket 服务器并实现双向通信。 4. 集成挑战与解决方案 在实际项目中,集成 Tornado 和前端框架可能会遇到一些挑战。比如,如何处理跨域请求、如何管理复杂的路由系统等。下面是一些常见的问题及解决方案。 4.1 跨域请求 如果你的前端应用和后端服务不在同一个域名下,你可能会遇到跨域请求的问题。Tornado 提供了一个简单的装饰器来解决这个问题。 示例代码: python from tornado import web class MainHandler(tornado.web.RequestHandler): @web.asynchronous @web.gen.coroutine def get(self): self.set_header("Access-Control-Allow-Origin", "") self.set_header("Access-Control-Allow-Methods", "GET, POST, OPTIONS") self.set_header("Access-Control-Allow-Headers", "Content-Type") self.write("Hello, world!") 在这个例子中,我们设置了允许所有来源的跨域请求,并允许 GET 和 POST 方法。 4.2 路由管理 前端框架通常有自己的路由系统。为了更好地管理路由,我们可以在Tornado里用URLSpec类来设置一些更复杂的规则,这样路由管理起来就轻松多了。 示例代码: python import tornado.ioloop import tornado.web class MainHandler(tornado.web.RequestHandler): def get(self): self.write("Hello, world!") class UserHandler(tornado.web.RequestHandler): def get(self, user_id): self.write(f"User ID: {user_id}") def make_app(): return tornado.web.Application([ (r"/", MainHandler), (r"/users/(\d+)", UserHandler), ]) if __name__ == "__main__": app = make_app() app.listen(8888) tornado.ioloop.IOLoop.current().start() 在这个例子中,我们定义了两个路由:一个是根路径 /,另一个是 /users/。这样,我们就可以更灵活地管理 URL 路由了。 5. 结语 通过以上的讨论,我们可以看到,虽然 Tornado 和前端框架的集成有一些挑战,但通过一些技巧和最佳实践,我们可以轻松地解决这些问题。希望这篇文章能帮助你在开发过程中少走弯路,享受编程的乐趣! 最后,我想说,编程不仅仅是解决问题的过程,更是一种创造性的活动。每一次挑战都是一次成长的机会。希望你能在这个过程中找到乐趣,不断学习和进步!
2025-01-01 16:19:35
114
素颜如水
HTML
...索引库中删除被删除的文件。 当然,返回404和410在这里都可以。至少是老实承认问题的态度,让搜索引擎可以根据404或410做出正确的下一步操作。 java代码可以用这个返回404: response.setStatus(HttpServletResponse.SC_NOT_FOUND); 方法四:返回301状态码跳转到另一篇文章 301是跳转,永久性跳转,但这种跳转是被搜索引擎唯一接受、不认为是作弊的跳转。 不要使用302跳转、任何js跳转、meta刷新等方式,都会被搜索引擎认为是作弊哦! 所以,当文章不存在的时候,使用301跳转到另一篇文章(但最好主体相关的、或另起炉灶新写一篇弥补手误删除的错误),这样,有两个好处: 第一,搜索引擎不会惩罚 第二,会把老文章的权重301传到新文章,一举两得 java代码可以用这个返回301: // response.sendRedirect(getRandomArticleByCategoryHref(category)); // 这种是302 response.setStatus(HttpServletResponse.SC_MOVED_PERMANENTLY); // 这种是301,se唯一认可的非作弊的跳转方式 response.setHeader("Location",新路径); 方法五:死链提交 站长后台都支持死链提交,如果你确定一个url里面的文章确实被删除了,可以手动提交死链。主动承认链接问题。 下图是谷歌站长后台的入口:
2024-01-26 17:59:54
539
admin-tim
转载文章
...,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。 Springboot 页面访问不到静态资源 问题:在HTML文件中引入图片,但是浏览器访问不到图片。 index.html: <!DOCTYPE html><html xmlns:th="http://www.thymeleaf.org"><head><meta charset="UTF-8"><title>Helllo Jenkins</title></head><body><h1 style="text-align: center;">This is my first demo for Jenkins </h1><div align="center"><img th:src="@{/static/doudou.jpg}" style="width: 80%;height: 70%"></div></body></html> 浏览器错误信息: Failed to load resource: the server responded with a status of 404 () 解决方法: 在配置文件application.properties设置静态资源的访问路径 只有静态资源的访问路径为/static/时,才会处理请求spring.mvc.static-path-pattern=/static/ 重新启动后、完美解决问题 本篇文章为转载内容。原文链接:https://lebron.blog.csdn.net/article/details/117636422。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-10-19 11:16:32
248
转载
Docker
...(包括操作系统层)的静态文件集合。镜像以层级结构保存,遵循可复用原则,允许开发人员构建分层的、模块化的软件交付物。在Docker中,用户可以通过编写Dockerfile来定义镜像的具体构建过程,然后使用docker build命令生成新的镜像。 Docker Compose , Docker Compose是一款用于定义和运行多容器Docker应用程序的工具,它通过一个名为docker-compose.yml的YAML文件来描述多个容器服务、网络及数据卷等组件间的依赖关系和服务配置。借助Docker Compose,开发者能够简化多容器应用的部署与管理,轻松地在一个命令下启动、停止或重新配置整个应用栈,极大地提升了开发效率和生产力。例如,在docker-compose.yml文件中,可以定义web服务器容器和数据库容器,并配置它们之间的网络连接、端口映射和环境变量等信息。
2024-01-21 17:25:00
424
电脑达人
Tornado
...需要实时交互的应用和服务场景,如Web聊天应用、实时分析系统等。在Tornado中,开发者可以创建高度并发的服务,轻松应对海量的同时连接请求。 依赖包 , 在计算机编程领域,尤其是像Tornado这样的软件项目中,依赖包是指那些为了保证项目正常运行而必须预先安装的其他第三方库或组件。例如,在运行Tornado服务器时,可能需要诸如asyncio、httptools等一系列相关的Python库作为支撑。如果这些依赖包缺失或者版本不兼容,就可能导致Tornado服务器无法启动。 路径配置 , 路径配置是程序运行时对文件或目录路径的一种设定方式,确保程序能够正确找到所需的资源或执行环境。在Tornado服务器的上下文中,路径配置可能涉及设置项目的根目录、静态文件目录、日志文件输出路径等。例如,通过Python代码中的os.chdir()函数更改当前工作目录至项目根目录,确保Tornado能正确加载应用模块及配置文件,否则可能导致服务器启动失败。
2023-12-23 10:08:52
156
落叶归根-t
Docker
...,尤其是在多台各样的服务器上运行的情况下。这时,封装技术就被广泛应用了。而 Docker 是一个热门且有力的容器化平台,广泛地用于构建、运行和管理容器化应用程序。 在 Docker 中,一个镜像可以看作是一个静态的应用程序包。它包含有应用程序运行所需的所有组件依赖,并且可以用来生成任何数量的执行实例。而容器可以被看作是镜像的具体化,也就是在包的基础上运行并创建一个可运行的应用程序实例。 相较于传统的虚拟机技术,容器化平台更加轻量,因为容器共享主机的内核和其他系统资源。这意味着,容器启动和销毁的速度都很快,并且可以在同一物理主机上运行更多的容器。Docker 提供了一个强大的容器引擎,可以管理多个容器,并提供了简化容器配置、管理和扩展的工具。 这里是一个简单的 Dockerfile 示例 FROM python:3.8-slim-buster WORKDIR /app COPY . . RUN pip install --no-cache-dir -r requirements.txt EXPOSE 80 CMD ["python", "app.py"] 上面是一个例子,展示了一个 Dockerfile 镜像构建文件,它定义了包的基础镜像、工作目录、文件拷贝、必要的依赖安装、端口暴露和运行命令等构建过程。拥有 Dockerfile 的镜像可以被看作是一个单独的应用程序包,可通过 Docker 引擎构建和运行。 总的来说,Docker 技术是一个非常强大和流行的容器化平台,它可以帮助我们更好地部署和管理应用程序,并且可以简化我们的构建和运维工作。具体化是 Docker 的核心理念之一,让我们可以有效地创建和运行相同的应用程序实例。
2023-11-15 13:22:24
548
程序媛
AngularJS
...eProvider服务来加载不同的语言资源文件,并通过指令ng-translate或者过滤器translate动态渲染对应的语言内容。这就意味着,开发者能够根据用户的地域喜好,轻轻松松切换应用的显示语言,让不同地区的用户都感到贴心又自在。就像是个智能小助手,随时准备为用户提供母语般的使用体验。 2. 设置与配置AngularJS国际化模块 首先,我们需要引入并配置angular-translate这个专门处理国际化的插件: javascript // 引入angular-translate库 var app = angular.module('myApp', ['pascalprecht.translate']); app.config(['$translateProvider', function ($translateProvider) { // 配置默认语言 $translateProvider.preferredLanguage('en'); // 加载语言资源文件 $translateProvider.useStaticFilesLoader({ prefix: 'languages/', suffix: '.json' }); // 允许模糊匹配,提高语言包利用率 $translateProvider.fallbackLanguage('en'); $translateProvider.useSanitizeValueStrategy('sanitize'); }]); 以上代码中,我们设置了默认语言为英语,并配置了静态文件加载器从指定路径加载JSON格式的语言资源文件。 3. 创建与使用语言资源文件 接下来,我们需要创建对应的语言资源文件,例如languages/en.json和languages/zh-cn.json: json // languages/en.json { "greeting": "Hello, world!", "buttonText": "Click me" } // languages/zh-cn.json { "greeting": "你好,世界!", "buttonText": "点击我" } 4. 在视图层应用国际化 在视图模板中,我们可以借助translate指令或过滤器来动态替换文本: html { { 'greeting' | translate } } 5. 动态切换语言 最后,为了实现用户界面语言的动态切换,可以在控制器中调用 $translate.use() 方法: javascript app.controller('MainCtrl', ['$scope', '$translate', function ($scope, $translate) { $scope.changeLanguage = function (langKey) { $translate.use(langKey); }; }]); 然后在HTML中添加一个语言选择器: html English 简体中文 到此为止,我们已经成功地实现了AngularJS单页应用的国际化支持。在整个这个过程中,AngularJS就像个超能小助手,它拥有无比灵活、强大,而且特别好懂的API接口,这可帮了我们大忙了!它把开发国际化功能的那些繁琐步骤给大大简化了,让我们的应用程序轻松突破语言障碍,飞向全球各地,无论哪个地区的用户,都能用自己习惯的语言来顺畅使用。这正是AngularJS让我们能够大显身手,轻松构建出跨越国界的强大Web应用的关键所在,它的价值简直不要太赞!
2023-06-23 10:38:49
376
晚秋落叶
Go Iris
...挠头的细节问题,比如文件路径这块儿,咱们可千万不能忽视一个虽不起眼却至关重要的小点——路径分隔符的兼容性问题。这次,咱们一起手牵手,踏入Go Iris的大门,来聊聊如何在Windows、Linux还有Mac OS这些五花八门的操作系统之间,实现路径分隔符的灵活、无缝切换,让程序跑起来像滑板鞋在不同地面一样自如流畅。 02 路径分隔符的挑战 在不同的操作系统中,路径分隔符是各异的。例如,Windows系统使用反斜杠\作为路径分隔符,而Unix/Linux系列(包括Mac OS)则采用正斜杠/。如果你直接在代码里把某个特定操作系统的路径分隔符给死板地写死了,那么当你这应用跑到其他系统上跑的时候,可能会遇到一个让人抓狂的问题,就是系统压根认不出你设置的路径,那场面可就尴尬啦! 03 Go标准库中的解决方案 幸运的是,Go语言的标准库已经为我们提供了解决这个问题的方法。你知道吗,在path/filepath这个包里头,藏着一个挺机智的小家伙——它叫Separator,是个常量。这家伙可灵光了,能根据咱们当前运行的环境,自动给出最合适的路径分隔符,省得咱们自己操心。同时,filepath.Join()函数可以用来安全地连接路径元素,无需担心路径分隔符的问题。 go import ( "path/filepath" ) func main() { // 不论在哪种操作系统下,这都将生成正确的路径 path := filepath.Join("src", "github.com", "kataras", "iris") fmt.Println(path) // 在nix系统下输出:"src/github.com/kataras/iris" // 在Windows系统下输出:"src\github.com\kataras\iris" } 04 Go Iris框架中的实践 在Iris框架中,我们同样需要关注路径的兼容性问题。比如在设置静态文件目录或视图模板目录时: go import ( "github.com/kataras/iris/v12" "path/filepath" ) func main() { app := iris.New() // 使用filepath.Join确保路径兼容所有操作系统 staticPath := filepath.Join("web", "static") app.HandleDir("/static", staticPath) tmplPath := filepath.Join("web", "templates") ts, _ := iris.HTML(tmplPath, ".html").Layout("shared/layout.html").Build() app.RegisterView(ts) app.Listen(":8080") } 在这个示例中,无论我们的应用部署在哪种操作系统上,都能正确找到并服务静态资源和模板文件。 05 总结与思考 作为一名开发者,在编写跨平台应用时,我们必须对这些看似微小但至关重要的细节保持敏感。你知道吗,Go语言这玩意儿,加上它那个超牛的生态系统——比如那个Iris框架,简直是我们解决这类问题时的得力小助手,既方便又靠谱!你知道吗,借助path/filepath这个神奇的工具包,我们就能轻轻松松解决路径分隔符在不同操作系统之间闹的小矛盾,让咱们编写的程序真正做到“写一次,到处都能顺畅运行”,再也不用担心系统差异带来的小麻烦啦! 在整个探索过程中,我们要不断提醒自己,编程不仅仅是完成任务,更是一种细致入微的艺术,每一个细节都可能影响到最终用户体验。所以,咱们一块儿拉上Go Iris这位好伙伴,一起跨过不同操作系统之间的大峡谷,让咱的代码变得更结实、更灵活,同时也充满更多的人性化关怀和温度,就像给代码注入了生命力一样。
2023-11-22 12:00:57
384
翡翠梦境
Docker
...得每个容器拥有独立的文件系统、网络配置和资源限制,能够在不同的主机或云环境中快速部署且保持行为一致。 镜像 , 在Docker容器化技术中,镜像是构建和运行容器的基础模板,是一个只读的静态文件层集合。它包含了应用程序运行所需的所有文件系统结构、环境变量、配置信息以及预装的软件包等组件。用户可以基于官方仓库或其他来源下载已有的镜像,也可以通过编写Dockerfile自定义创建新的镜像,以便在不同开发与生产环境中复用和分发。 Kubernetes(K8s) , Kubernetes是一个开源的容器编排系统,用于自动化容器化应用程序的部署、扩展和管理。在本文语境下,Docker与Kubernetes集成意味着开发者能够更便捷地在本地使用Docker构建和测试应用,并通过Kubernetes将这些应用无缝部署至云端集群中,实现服务发现、负载均衡、自动伸缩等功能,进一步提高DevOps效率和云原生应用的运维管理水平。
2023-08-13 11:28:22
537
落叶归根_t
Nginx
...一个非常强大的Web服务器软件,它的特点是性能高、稳定、安全,支持多种协议,包括HTTP/HTTPS/TCP/UDP等。在我们的Vue项目中,我们可以利用Nginx来进行静态资源的缓存、负载均衡、URL重写等功能,从而提高我们的项目性能和用户体验。 三、如何在Nginx下部署Vue项目 1. 首先,我们需要在服务器上安装Nginx。你可以通过apt-get或者yum等包管理工具来安装。 sudo apt-get install nginx 2. 安装完Nginx之后,我们需要创建一个新的虚拟主机。可以使用以下命令来创建一个名为“vue-app”的虚拟主机: sudo nano /etc/nginx/sites-available/vue-app 在这个文件中,我们需要配置一些基本的信息,包括虚拟主机的名称、端口号、默认文件、重定向规则等。 3. 创建好虚拟主机之后,我们需要启用它。可以使用以下命令来启用“vue-app”虚拟主机: sudo ln -s /etc/nginx/sites-available/vue-app /etc/nginx/sites-enabled/ 4. 最后,我们需要重启Nginx服务,使得新的配置生效。可以使用以下命令来重启Nginx服务: sudo systemctl restart nginx 四、如何避免用户访问旧页面 在上面的步骤中,我们已经创建了一个新的虚拟主机,并且将我们的Vue项目部署到了这个虚拟主机上。那么,我们怎么才能让用户尽快地转向新版本的页面呢? 其实,这个问题的答案就在我们的Nginx配置文件中。我们可以使用Nginx的URL重写功能,来将用户访问的旧页面自动重定向到新版本的页面。 以下是一段简单的Nginx配置代码,它可以将用户访问的旧页面自动重定向到新版本的页面: server { listen 80; server_name www.example.com; location / { root /var/www/example/; index index.html index.htm; if ($http_user_agent ~ "Trident|MSIE") { rewrite ^(.) https://www.example.com$1 permanent; } } } 在这个代码中,我们首先监听了80端口,然后设置了服务器名。接着,我们指定了项目的根目录和索引文件。最后,我们使用if语句检查用户的浏览器类型。如果用户的浏览器是IE的话,我们就将其重定向到https://www.example.com。 五、总结 总的来说,通过在Nginx下部署Vue项目,并且使用Nginx的URL重写功能,我们可以很好地避免用户访问旧页面,让他们能够尽快地看到新版本的内容。虽然这事儿可能需要咱们掌握点技术,积累点经验,但只要我们把相关的知识、技巧都学到手,那妥妥地就能搞定它。 在未来的工作中,我会继续深入研究Nginx和其他相关技术,以便能够更好地服务于我的客户。我觉得吧,只有不断学习和自我提升,才能真正踩准时代的鼓点,然后设计出更棒的产品、提供更贴心的服务。你看,就像跑步一样,你得不停向前跑,才能不被大部队甩开,对不对?
2023-11-04 10:35:42
124
草原牧歌_t
Golang
...难题,比如路由咋整、静态文件目录又该怎么管好,这可是每个Go语言开发者都得正面硬刚、必须搞定的重要关卡。本文将深入探讨这些问题,并通过实例代码来阐述解决方案。 2. 路由配置 用Golang打造灵活的URL路由系统 在Golang中,我们通常会使用第三方库如Gin或Echo来实现复杂的路由配置。以Gin为例,它提供了直观且强大的中间件和路由功能: go package main import "github.com/gin-gonic/gin" func main() { r := gin.Default() // 定义一个简单的GET路由 r.GET("/", func(c gin.Context) { c.JSON(200, gin.H{ "message": "Hello, welcome to the home page!", }) }) // 定义带参数的路由 r.GET("/users/:username", func(c gin.Context) { username := c.Param("username") c.String(200, "Hello, %s!", username) }) // 启动服务 r.Run(":8080") } 上述代码展示了如何在Golang中使用Gin框架配置基础的路由规则,包括静态路径("/")和动态路径("/users/:username")。嘿,你知道吗?在这个地方,“:username”其实就是一个神奇的路由参数小能手,它可以在实际的请求过程中,把相应的那部分内容给抓过来,变成一个我们随时可以使用的变量值!就像是个灵活的小助手,在浩瀚的网络请求中为你精准定位并提取关键信息。 3. 静态文件目录 托管静态资源 在Web应用中,静态文件(如HTML、CSS、JavaScript、图片等)的托管也是重要的一环。Gin也提供了方便的方法来设置静态文件目录: go // 添加静态文件目录 r.Static("/static", "./public") // 现在,所有指向 "/static" 的请求都会被映射到 "./public" 目录下的文件 这段代码中,我们设置了"/static"为静态资源的访问路径前缀,而实际的静态文件则存储在项目根目录下的"public"目录中。 4. 深入思考与探讨 处理路由配置和静态文件目录的问题,不仅关乎技术实现,更体现了我们在设计Web架构时的灵活性和预见性。比如说,如果把路由设计得恰到好处,就仿佛给咱们的API铺上了一条宽敞明亮的大道,让咱能轻松梳理、便捷维护。再者,把静态文件资料收拾得井井有条,就像给应用装上了火箭助推器,嗖一下提升运行速度,还能帮服务器大大减压,让它喘口气儿。 当我们在编写Golang Web应用时,务必保持对细节的关注,充分理解并熟练运用各种工具库,这样才能在满足功能需求的同时,打造出既优雅又高效的程序。同时呢,咱们也得不断尝鲜、积极探索新的解决方案。毕竟,技术这家伙可是一直在突飞猛进,指不定啥时候就冒出来个更优秀的法子,让我们的配置策略更加优化、更上一层楼。 总结来说,Golang以其强大而又易用的特性,为我们搭建Web应用提供了一条顺畅的道路。要是咱们能把路由配置得恰到好处,再把静态资源打理得井井有条,那咱们的应用就能更上一层楼,无论多复杂、多变化的业务场景,都能应对自如,让应用表现得更加出色。让我们在实践中不断学习、不断进步,享受Golang带来的开发乐趣吧!
2023-01-10 18:53:06
507
繁华落尽
Docker
...会超级听话地根据这个文件一步步自动搭建出你的新镜像来。 最后,我们要知道Docker容器。Docker容器是在宿主机(主机)上运行的独立的进程空间。每个容器都有自己的文件系统,网络,端口映射等特性。 三、Docker的安装步骤 1. 更新操作系统的软件源列表 在Ubuntu上,可以通过以下命令更新软件源列表: bash sudo apt-get update 2. 安装Docker Ubuntu用户可以在终端中输入以下命令安装Docker: bash sudo apt-get install docker-ce docker-ce-cli containerd.io 3. 启动Docker服务并设置开机启动 在Ubuntu上,可以执行以下命令启动Docker服务,并设置为开机启动: bash sudo systemctl start docker sudo systemctl enable docker 4. 验证Docker的安装 你可以使用以下命令验证Docker的安装: bash docker run hello-world 5. 设置Docker加速器 如果你在中国,为了提高Docker镜像下载速度,可以设置Docker加速器。首先,需要在Docker官网注册账号,然后复制加速器的地址。在终端中,输入以下命令添加加速器: bash docker pull --registry-username= --registry-password= registry.cn-shanghai.aliyuncs.com/: 将、、和替换为你自己的信息。 四、使用Docker的基本命令 现在,我们已经完成了Docker的安装,接下来让我们一起学习一些基本的Docker命令吧! 1. 查看Docker版本 bash docker version 2. 显示正在运行的容器 bash docker ps 3. 列出所有的镜像 bash docker images 4. 创建一个新的Docker镜像 bash docker build -t . 5. 运行一个Docker容器 bash docker run -it 6. 查看所有容器的日志 bash docker logs 五、总结 总的来说,Docker是一个非常强大的工具,可以帮助我们更高效地管理我们的应用程序。通过本篇文章的学习,我相信你对Docker已经有了初步的理解。希望你以后不论是上班摸鱼,还是下班享受生活,都能更溜地用上Docker这个神器,让效率嗖嗖往上升。
2023-02-21 20:40:21
478
星河万里-t
Nginx
...ginx当作反向代理服务器使唤起来的时候,咱们可能会碰上一个头疼的问题——打开前端页面,却发现白茫茫一片啥也没有。这无疑给开发者带来了困扰,如同迷失在迷宫中寻找出路。今天,让我们一起深入探讨这个问题,揭开其神秘面纱,找到切实可行的解决方案。 2. 现象与问题分析 当我们在Docker环境下使用Nginx服务部署前后端分离项目时,可能遇到前端页面加载不出来,显示为空白的情况。这是因为Nginx配置不当导致无法正确地将请求转发至后端API和前端静态资源。就好比一位快递员接收到包裹,却不知道正确的投递地址一样。 3. Nginx基础配置理解 首先,我们需要对Nginx的基本配置有所理解。在Nginx中,每个server块可以视为一个独立的服务,它通过监听特定的端口接收并处理HTTP请求: nginx server { listen 80; server_name yourdomain.com; 这里是我们需要重点关注的地方,用于定义如何处理不同类型的请求 } 4. 配置Nginx实现前后端分离 假设我们的前端应用构建后的静态文件存放在/usr/share/nginx/html,而后端API运行在一个名为backend的Docker容器上,暴露了8080端口。这时,我们需要配置Nginx来分别处理静态资源请求和API请求: nginx server { listen 80; server_name yourdomain.com; 处理前端静态资源请求 location / { root /usr/share/nginx/html; 前端静态文件目录 index index.html; 默认首页文件 try_files $uri $uri/ /index.html; 当请求的文件不存在时,返回到首页 } 转发后端API请求 location /api { proxy_pass http://backend:8080; 将/api开头的请求转发至backend容器的8080端口 include /etc/nginx/proxy_params; 可以包含一些通用的代理设置,如proxy_set_header等 } } 这个配置的核心在于location指令,它帮助Nginx根据URL路径匹配不同的处理规则。嘿,你知道吗?现在前端那些静态资源啊,比如图片、CSS样式表什么的,都不再从网络上请求了,直接从咱本地电脑的文件系统里调用,超级快!而只要是请求地址以"/api"打头的,就更有趣了,它们会像接力赛一样被巧妙地传递到后端服务器那边去处理。这样既省时又高效,是不是很酷嘞? 5. Docker环境下的实践思考 在Docker环境中,我们还需要确保Nginx服务能正确地发现后端服务。这通常就像是在Docker Compose或者Kubernetes这些牛哄哄的编排工具里“捯饬”一下,让网络配置变得合理起来。比如,咱们可以先把Nginx和后端服务放在同一个“小区”(也就是网络环境)里,然后告诉Nginx:“嘿,老兄,你只需要通过那个叫做backend的门牌号,就能轻松找到你的后端小伙伴啦!”这样的操作,就实现了Nginx对后端服务的访问。 6. 结语 通过以上讨论,我们已成功揭示了在Nginx+Docker部署前后端分离项目中访问空白问题的本质,并给出了解决方案。其实,每一次操作就像是亲手搭建一座小桥,把客户端和服务器两端的信息通道给连通起来,让它们能够顺畅地“对话”。只有当我们把每个环节都搞得明明白白,像那些身经百战的建筑大师一样洞若观火,才能顺顺利利解决各种部署上的“拦路虎”,确保用户享受到既稳定又高效的线上服务体验。所以,无论啥时候在哪个地儿,碰见技术难题了,咱们都得揣着那股子热乎劲儿和胆量去积极探寻解决之道。为啥呢?因为解决问题这档子事啊,其实就是咱自我成长的一个过程嘛!
2023-07-29 10:16:00
55
时光倒流_
NodeJS
...,来帮我们处理和分发静态文件。又或者,我们可以使出body-parser这个神通广大的中间件,它能轻松解析请求体里藏着的JSON数据或者URL编码过的那些信息。 javascript const express = require('express'); const app = express(); // 静态文件目录 app.use(express.static('public')); // 解析JSON请求体 app.use(bodyParser.json()); 2. 安装和配置基本路由 在开始API开发之前,我们需要安装Express和其他必要的依赖库。通过npm(Node Package Manager),我们可以轻松完成这个任务: bash $ npm install express body-parser cors helmet 然后,在应用程序初始化阶段,我们要引入这些模块并设置相应的中间件: javascript const express = require('express'); const bodyParser = require('body-parser'); const cors = require('cors'); const helmet = require('helmet'); const app = express(); // 设置CORS策略 app.use(cors()); // 使用Helmet增强安全性 app.use(helmet()); // JSON解析器 app.use(bodyParser.json()); // 指定API资源路径 app.use('/api', apiRouter); // 假设apiRouter是定义了多个API路由的模块 // 启动服务器 const port = 3000; app.listen(port, () => { console.log(Server is running on http://localhost:${port}); }); 三、实现基本的安全措施 1. Content Security Policy (CSP) 使用Helmet中间件,我们能够轻松地启用CSP以限制加载源,防止跨站脚本攻击(XSS)等恶意行为。在配置中添加自定义CSP策略: javascript app.use(helmet.contentSecurityPolicy({ directives: { defaultSrc: ["'self'"], scriptSrc: ["'self'", "'unsafe-inline'"], styleSrc: ["'self'", "'unsafe-inline'"], imgSrc: ["'self'", 'data:', "https:"], fontSrc: ["'self'", "https:"], connect-src: ["'self'", "https:"] } })); 2. CORS策略 我们之前已经设置了允许跨域访问,但为了确保安全,可以根据需求调整允许的源: javascript app.use(cors({ origin: ['http://example.com', 'https://other-site.com'], // 允许来自这两个域名的跨域访问 credentials: true, // 如果需要发送cookies,请开启此选项 exposedHeaders: ['X-Custom-Header'] // 可以暴露特定的自定义头部给客户端 })); 3. 防止CSRF攻击 在处理POST、PUT等涉及用户数据变更的操作时,可以考虑集成csurf中间件以验证跨站点请求伪造(CSRF)令牌: bash $ npm install csurf javascript const csurf = require('csurf'); // 配置CSRF保护 const csrf = csurf(); app.use(csurf({ cookie: true })); // 将CSRF令牌存储到cookie中 // 处理登录API POST请求 app.post('/login', csrf(), (req, res) => { const { email, password, _csrfToken } = req.body; // 注意获取CSRF token if (validateCredentials(email, password)) { // 登录成功 } else { res.status(401).json({ error: 'Invalid credentials' }); } }); 四、总结与展望 在使用Express进行API开发时,确保安全性至关重要。通过合理的CSP、CORS策略、CSRF防护以及利用其他如JWT(Json Web Tokens)的身份验证方法,我们的API不仅能更好地服务于前端应用,还能有效地抵御各类常见的网络攻击,确保数据传输的安全性。 当然,随着业务的发展和技术的进步,我们会面临更多安全挑战和新的解决方案。Node.js和它身后的生态系统,最厉害的地方就是够灵活、够扩展。这就意味着,无论我们面对多复杂的场景,总能像哆啦A梦找百宝箱一样,轻松找到适合的工具和方法来应对。所以,对咱们这些API开发者来说,要想把Web服务做得既安全又牛逼,就得不断学习、紧跟技术潮流,时刻关注行业的新鲜动态。这样一来,咱就能打造出更棒、更靠谱的Web服务啦!
2024-02-13 10:50:50
79
烟雨江南-t
转载文章
...,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。 前言 本文写于2007年11月,那时候我是在Discuz!开发组为PHPChina的《PHPer》写的稿,一直也没有发到blog上了,今天偶然之间记起,顺手转发过来。 一、关于模板引擎的前言 从phplib到smarty,再到Discuz!的模板机制,本文试图通过PHP模板引擎为你讲解作者自己的PHP心得。 我清楚的记得在我刚上大学开始学习PHP的时候,曾经在phpe.net看到过一篇关于phplib Template和FastTemplate这两模板引擎性能比较的文章。让我在接下来半年的时间内持续的使用着phplib。不可否认phplib是左右了一代PHP开发人员对于PHP模板引擎的认识。或许你也会对下面的方法比较熟悉$t->set_file $t->set_var 当我对于phplib的执行效率不满意的时候,我开始寻找下一个PHP的模板引擎,于是smarty跳入我的视野范围,当我费尽心血去学会了smarty并使用开发了很多东西,而现在的我突然发现记得的也就只有下面的方法了$s->assign $s->display 究竟我们需要模板引擎来做什么呢,MVC?简单?易用?效率?请看下文的分析。 二、程序处理的分析 1.PHPLIB的程序处理过程 从phplib的处理开始讲起$t = new Template() $t->set_file $t->set_var $t->parse $t->p 看上面的代码,翻译成中文就是初始化模板类$t 设置模板文件 设置模板变量 分析模板文件中的模板变量 输出内容 通过了最少5个步骤在php程序中实现模板的处理 2.Smarty的程序处理过程 现在来看smarty的处理$s = new Smarty $s->assign $s->display 翻译成中文就是初始化模板类$s 设置模板变量 解析并输出模板 3.Discuz!模板的程序处理过程include template(tplname); 主要作用就是指定给程序需要处理的模板文件 在上述三种模板处理机制中,最容易理解和接受就是Discuz!模板的处理过程。初始化、设置变量、解析模板、输出内容,Discuz!只用了一个函数来做。对于一个开源的论坛软件,这样处理的好处是显而易见的,对于Discuz!进行二次开发的程序员的要求降低。简化模板语言,方便风格和插件的制作,这也在一定程度上促进了Discuz!的传播 三、模板源文件的语法 在phplib中处理循环嵌套的时候,使用: {it} 在smarty中处理循环嵌套的时候,引入了< {section name=loopName loop=$loopArray}>(当然还有foreach这样的) 在Discuz!中处理循环嵌套的时候, 其实真正的模板面对的可以说是不懂PHP或者懂一点PHP的美工同志们,模板的复杂就意味着美工制作页面的难度加大。在必不可少的需要模板有逻辑处理的时候,为什么不在html代码中使用原生态的PHP语法,而让美工相当于去学习另外一种语言呢?在我个人的经验中,显然是Discuz!的模板语言更为简单易学,也为我节省了更多的时间。 四、Discuz!模板处理机制 我剥离出一个简单的Discuz!模板处理函数function template($file, $templateid = 0, $tpldir = '') { $tplfile = DISCUZ_ROOT.'./'.$tpldir.'/'.$file.'.htm';//模板源文件,此处$tplfile变量的值可能是D:\discuz\templates\default\demo.htm $objfile = DISCUZ_ROOT.'./forumdata/templates/'. $templateid.'_'.$file.'.tpl.php';//模板缓存文件,此处$objfile变量的值可能是D:\discuz\forumdata\templates\1_demo.tpl.php //如果模板源文件的修改时间迟于模板缓存文件的修改时间, //就是模板源文件被修改而模板缓存没有更新的时候, //则调用parse_template函数重新生成模板缓存文件。 if(@filemtime($tplfile) > @filemtime($objfile)) { require_once DISCUZ_ROOT.'./include/template.func.php'; parse_template($file, $templateid, $tpldir); } //返回缓存文件名称 //$objfile变量内容可能为D:\discuz\forumdata\templates\1_demo.tpl.php return $objfile; } 而php页面的模板执行语句include template('demo'); 实际上在本例中就是相当于include 'D:\discuz\forumdata\templates\1_demo.tpl.php'; 这个流程就是一个demo.php文件中当数据处理完成以后include template('demo'),去显示页面。 五、总结 我也曾经看到过有列举出很多种的PHP模板引擎,但是我觉着phplib、smarty、Discuz!模板机制就足以说明问题了。 1.我们需要模板来做什么? 分离程序与界面,为程序开发以及后期维护提供方便。 2.我们还在关心什么? PHP模板引擎的效率,易用性,可维护性。 3.最后的要求什么? 简单就是美! 我的文章好像没有写完,其实已经写完了,我要说明的就是从PHP的模板引擎看Discuz!模板机制。分析已经完成,或许以后我会再写篇实际数据的测试供给大家参考! Tags: none 版权声明:原创作品,欢迎转载,转载时请务必以超链接形式标明文章原始地址、作者信息和本声明。 本篇文章为转载内容。原文链接:https://blog.csdn.net/weixin_42557656/article/details/115159292。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-10-07 14:43:46
108
转载
建站模板下载
...域的响应式HTML5静态企业模板,设计风格大气且简洁,尤其适用于口红及美甲行业。此模板以女性用户为核心,提供丰富展示空间,完美呈现口红、美甲产品特色与服务内容。具备高度自适应性,能在多种设备上流畅展现,是构建专业且吸引人的女性美妆类网站的理想选择。 点我下载 文件大小:1.31 MB 您将下载一个资源包,该资源包内部文件的目录结构如下: 本网站提供模板下载功能,旨在帮助广大用户在工作学习中提升效率、节约时间。 本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容,请立即告知我们,我们将迅速响应并删除相关内容。 免责声明:站内所有资源仅供个人学习研究及参考之用,严禁将这些资源应用于商业场景。 若擅自商用导致的一切后果,由使用者承担责任。
2023-07-11 17:40:57
127
本站
建站模板下载
...策划工作室响应式网站静态模板”是一款专为设计公司、工作室以及营销推广团队打造的HTML5单页模板。它具备响应式和自适应特性,能完美适配各种设备浏览。此模板以展示工作成果、产品策划为核心,凸显企业创新与专业形象,适用于创意工作室或产品策划公司的官方网站建设,实现一站式展示企业实力与服务,提升品牌形象与营销效果。 点我下载 文件大小:1.24 MB 您将下载一个资源包,该资源包内部文件的目录结构如下: 本网站提供模板下载功能,旨在帮助广大用户在工作学习中提升效率、节约时间。 本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容,请立即告知我们,我们将迅速响应并删除相关内容。 免责声明:站内所有资源仅供个人学习研究及参考之用,严禁将这些资源应用于商业场景。 若擅自商用导致的一切后果,由使用者承担责任。
2023-12-10 11:04:34
74
本站
建站模板下载
...为外贸软件企业设计的静态HTML模板,具有创新的滑动背景效果。它兼顾美观与实用,充分展现企业形象与产品特色,适用于各类屏幕尺寸,实现响应式布局。此模板以“更多”为核心理念,旨在全面展示外贸企业的软件开发实力与服务内容,是打造专业、高端外贸企业网站的理想之选。 点我下载 文件大小:1.73 MB 您将下载一个资源包,该资源包内部文件的目录结构如下: 本网站提供模板下载功能,旨在帮助广大用户在工作学习中提升效率、节约时间。 本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容,请立即告知我们,我们将迅速响应并删除相关内容。 免责声明:站内所有资源仅供个人学习研究及参考之用,严禁将这些资源应用于商业场景。 若擅自商用导致的一切后果,由使用者承担责任。
2023-05-05 22:11:02
599
本站
建站模板下载
...有交易单页功能。它以静态模板形式提供下载,能够自动适应不同设备屏幕尺寸,确保用户在桌面或移动设备上均获得优质的浏览体验。该模板适用于展示和促成各类网站建设和交易服务,包含丰富的企业信息和交易流程展示区块,助力企业搭建专业且高互动性的交易平台网站。 点我下载 文件大小:575.75 KB 您将下载一个资源包,该资源包内部文件的目录结构如下: 本网站提供模板下载功能,旨在帮助广大用户在工作学习中提升效率、节约时间。 本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容,请立即告知我们,我们将迅速响应并删除相关内容。 免责声明:站内所有资源仅供个人学习研究及参考之用,严禁将这些资源应用于商业场景。 若擅自商用导致的一切后果,由使用者承担责任。
2023-02-05 08:30:04
135
本站
建站模板下载
...、规划认证等场景,以静态模板形式展现丰富内容,助力用户展示专业职业生涯规划服务,同时兼顾企业形象宣传。该模板兼顾美观与实用,适应多种设备浏览,是构建职业生涯规划认证网站的理想选择。 点我下载 文件大小:1.90 MB 您将下载一个资源包,该资源包内部文件的目录结构如下: 本网站提供模板下载功能,旨在帮助广大用户在工作学习中提升效率、节约时间。 本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容,请立即告知我们,我们将迅速响应并删除相关内容。 免责声明:站内所有资源仅供个人学习研究及参考之用,严禁将这些资源应用于商业场景。 若擅自商用导致的一切后果,由使用者承担责任。
2023-05-31 09:25:33
90
本站
建站模板下载
...“中文响应式度假酒店静态HTML模板”专为打造高端、大气的度假酒店预订网站而设计,采用响应式技术,确保在不同设备上均能完美呈现。模板内含丰富的中文元素,符合国内用户浏览习惯,适用于各类度假酒店的线上宣传与预订服务。其静态HTML结构利于SEO优化,同时加载速度快,提升用户体验。更多实用功能和精美设计等您下载体验。 点我下载 文件大小:4.21 MB 您将下载一个资源包,该资源包内部文件的目录结构如下: 本网站提供模板下载功能,旨在帮助广大用户在工作学习中提升效率、节约时间。 本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容,请立即告知我们,我们将迅速响应并删除相关内容。 免责声明:站内所有资源仅供个人学习研究及参考之用,严禁将这些资源应用于商业场景。 若擅自商用导致的一切后果,由使用者承担责任。
2023-04-01 19:54:33
111
本站
站内搜索
用于搜索本网站内部文章,支持栏目切换。
知识学习
实践的时候请根据实际情况谨慎操作。
随机学习一条linux命令:
ps aux | grep keyword
- 查找包含关键词的进程。
推荐内容
推荐本栏目内的其它文章,看看还有哪些文章让你感兴趣。
2023-04-28
2023-08-09
2023-06-18
2023-04-14
2023-02-18
2023-04-17
2024-01-11
2023-10-03
2023-09-09
2023-06-13
2023-08-07
2023-03-11
历史内容
快速导航到对应月份的历史文章列表。
随便看看
拉到页底了吧,随便看看还有哪些文章你可能感兴趣。
时光飞逝
"流光容易把人抛,红了樱桃,绿了芭蕉。"