超简单的前端静态资源服务器部署--nginx说明前提步骤一：链接服务器步骤二：安装Nginx步骤三：测试步骤四：部署其他项目关于Nginx.conf 配置的一些说明1.前端路由hash和history部署区别路由功能：hash模式和history模式实现功能：hash模式-url后带#history模式-url后不带#部署需求采用hash方式打包后，部署在nginx上备注（下面是遇到的一些问题记
转载
2024-02-23 11:10:50
470阅读
在Kubernetes(K8S)中部署前端页面通常会使用Nginx作为静态文件服务器，本文将详细介绍如何实现“nginx部署前端页面”。
### 整体流程
以下是部署前端页面的整体流程：
| 步骤 | 操作 |
|------|------|
| 1 | 创建一个Nginx容器 |
| 2 | 将前端页面文件复制到Nginx容器中 |
| 3 | 配置Nginx以提供前端页面的访问 |
|
原创
2024-05-06 11:07:40
155阅读
day4 Express1、初识Express什么是Express官方给出的概念：Express是基于Node.js平台，快速、开放、极简的Web开发框架Express的作用和Node.js内置的http模块类似，是专门用来创建Web服务器的Express的本质：就是一个npm上的第三方包，提供了快速创建Web服务器的便捷使用Express的中文官网：http://www.expressjs.co
# Nginx Docker 部署时找不到文件的问题解决指南
在使用 Docker 部署 Nginx 时，我们可能会遇到“找不到文件”的问题。这种情况通常是因为文件挂载不正确或者文件路径设置错误导致的。本文将详细介绍如何通过正确的文件挂载和路径设置来解决这个问题。
## 1. 理解 Docker 容器和文件挂载
Docker 容器是一个轻量级、可移植的、自给自足的软件运行环境。在 Docke
原创
2024-07-25 03:54:49
261阅读
一、Nginx的网页优化1.Nginx的网页压缩ginx的ngx_http_gzip_module压缩模块提供对文件内容压缩的功能 允许Nginx服务器将输出内容在发送客户端之前进行压缩，以节约网站带宽，提升用户的访问体验，默认已经安装 可在配置文件中加入相应的压缩功能参数对压缩性能进行优化vim /usr/local/nginx/conf/nginx.conf
http {
......
# 用Nginx部署前端静态页面
## 简介
在实际开发中，我们通常会使用Nginx来部署前端静态页面，以提供快速访问速度和良好的用户体验。本文将向你介绍如何使用Nginx来部署前端静态页面。
## 步骤概览
以下是使用Nginx部署前端静态页面的步骤：
| 步骤 | 操作 |
|-
原创
2024-04-29 11:35:39
274阅读
nginx访问不到今天，一朋友的一台linux服务器上部署了nginx，但是外部（公网）就是不能访问，于是协助其排查。整体思路如下：1、确认nginx配置是否ok。2、确认网络是否可达。3、是否受防火墙安全控制等。4、排除以上原因之后，远程实际再测试。 那么开始排查：1、确认nginx配置是否ok。1.1、检查nginx的配置。发现有报错2013/11/13 15:35:09
转载
2024-06-07 22:08:01
75阅读
nginx找不到php文件的解决办法：1、把root指令放在server块，使各个location继承父server块定义的documentroot；2、nginx拦截不存在的文件，使用【try_files】捕捉不存在的urls并返回错误。nginx找不到php文件的解决办法：一、错误的路径被发送到php-fpm进程出现这类错误，十个有九个是后端fastcgi进程收到错误路径(SCRIPT_FIL
转载
2024-02-24 06:04:18
433阅读
vue版本npm版本2.6.118.1.2⭐前排感谢大佬！！最全vue打包前后的跨域问题,绝对解决你的问题0 项目说明服务器和访问其的电脑同属校园网内网中1 vue跨域配置两种跨域方式均可，这里采用跨域21.1 vue.config.js打包不会打进去这个文件，本机运行npm run serve而不是用nginx代理打包文件时，可以配一下介个！module.exports = {
devS
转载
2024-09-10 22:17:40
334阅读
项目部署到nginx的html子目录下，无法加载静态资源，一直显示空白页面vue项目部署到nginx的html目录下子路径，在nginx配置好子路径后，使用子路径一直无法放到到静态资源，本文中nginx的配置都是在监听80端口下#nginx配置监听80端口的部分配置
server {
listen 80;
server_name localhost;
#charset koi
转载
2024-03-20 12:34:46
303阅读
需求：前端每次发版完，有部分前端文件是更新了的，但是客户访问却拿不到最新的前端文件，总不能让每个客户都手动清除浏览器缓存。要实现让浏览器自己去获取最新的前端文件。原理：Nginx给请求的响应头中添加不缓存的策略。# 设置缓存策略为不缓存：Http 1.1add_header Cache-Control no-cache;# 设置缓存策略为不缓存：Http 1.0add_header Pragma
转载
2024-05-31 11:51:24
645阅读
卸载1.检查nginx服务是否运行，如果正在运行则关闭服务。#检查服务是否在运行
ps -ef|grep nginx
#停止服务
/usr/local/nginx/sbin/nginx -s stop2.查找并删除nginx相关文件。#查找nginx相关文件
whereis nginx
#依次删除find找到的所有目录
find / -name nginx3.卸载nginx依赖。yum re
转载
2024-03-19 21:29:10
1532阅读
==以下是当年写的，理解的不够准确==最近在看springmvc，也对springmvc有了新的认识。没什么经验，也许有地方理解错了前提，使用tomcat启动问题0： 经过视图解析器后，后缀是.html都找不到页面 警告: No mapping found for HTTP request with URI [/start/WEB-INF/html/404.html
转载
2024-03-11 18:08:53
191阅读
在Kubernetes (K8S) 中部署前端页面通常需要使用Nginx作为静态资源服务器。通过Nginx配置，我们可以轻松地将前端页面部署到Kubernetes集群中。在本篇文章中，我将向你介绍如何在K8S中使用Nginx配置前端页面部署。
整个过程可以简单地分为以下几个步骤：
| 步骤 | 描述 |
|------|---------------
原创
2024-05-06 11:07:25
390阅读
摘要：小编结合公司的实际情况，是在NGINX上面配置的。话不多说，直奔正题： 在NGINX上面配置浏览器缓存时，需要额外添加模块，即 ngx_http_headers_module。 由于小编是由于公司需求才接触到NGINX的，所以，一方面是新手，不能在正式环境和测试环境直接搞，以为怕炸锅。另一方面还是害怕炸锅。 于是，公司分配一台服务器把NGINX从头撸了一遍。 首先，就是在linux上面安装N
上一篇博客讲解了如何在 Linux 环境下安装 FastDFS：1、配置 Nginx这篇博客讲解如何访问到我们上传到 FastDFS 的文件，需要安装 Nginx 作为服务器以支持 Http 方式访问文件。Linux 下如何安装 Nginx？查看博客：我们需要修改 Nginx 的配置文件，在 /usr/local/nginx/conf/nginx.conf[root@file
# 如何解决 Docker 找不到 Nginx 的问题
在现代开发中，Docker 是一项强大的工具，它允许我们以容器化的方式部署应用程序。有时，当我们尝试在 Docker 中使用 Nginx 时，可能会遇到“Docker 找不到 Nginx”的问题。本文将为新手开发者提供一个详细的解决方案和流程，希望能够帮助您快速解决这个问题。
## 整体流程
解决 Docker 找不到 Nginx 的问
停止操作停止操作是通过向nginx进程发送信号（什么是信号请参阅linux文 章）来进行的步骤1：查询nginx主进程号ps -ef | grep nginx在进程列表里 面找master进程，它的编号就是主进程号了。步骤2：发送信号从容停止Nginx：kill -QUIT 主进程号快速停止Nginx：kill -TERM 主进程号强制停止Nginx：pkill -9 nginx另外， 若在ngi
很多小伙伴都遇到过win10系统计算机右键-管理打不开windows找不到文件的困惑吧，一些朋友看过网上零散的win10系统计算机右键-管理打不开windows找不到文件的处理方法，并没有完完全全明白win10系统计算机右键-管理打不开windows找不到文件是如何解决的，今天小编准备了简单的解决办法，只需要按照1、首先按下“Windows”+R组合键打开运行，在弹出的“运行“对话框中输入”com
1介绍js的基本数据类型js一共六种基本数据类型，分别是 undefined null boolean number string ，还有es6新增的symbol 和 es10新增的bigint。
Symbol代表创建后独一无二且不可变的数据类型，他的出现我认为是解决可能出现的全局变量冲突的问题
BigInt 是一种数字类型的数据， 它可以表示任意精度格式的整数，使用BigInt可以安全的存储和操
转载
2024-09-29 17:57:55
117阅读
