写在前面作为一名前端，这几年没怎么碰过后台的东西，只能干等着后台小哥去排查问题，确实有点不该。如果要聊 Nginx，现阶段有点力不从心，内容还是挺多的，不够平时用的内容倒不是很复杂，简单几个配置，二话不说，先学了再说，下次就不用干等，自己也能排查排查。什么是 Nginx？图片来源：百度Nginx 的应用广泛，常见场景：静态资源服务器动态匹配反向代理Gzip 压缩负载均衡今天呢，肯定学不完全部的啦，
# 前端样式在 iOS 手机上错乱的解决方案
在开发移动端网页时，前端样式在 iOS 设备上错乱是一个常见的问题。作为一个刚入行的小白，先理解整个流程是非常重要的。下面的表格将帮助你快速掌握解决这个问题的步骤。
| 步骤 | 操作 | 说明 |
|------|----------
前端实现app端自适应页面首先介绍集中前端app布局的方式。1：采用固定的px来定宽度和高度，在定义宽度的时候可能两边留下一部分空白，这
转载
2023-08-30 11:41:49
126阅读
曾经有人给我讲，所谓个人技术是死磕出来的，只有经过不断的试错和解决过程所有问题，以及不断变换思路去解决一件问题的过程，就是个人技术的成长。最近在给自己搭建的小服务加一个bolg模块，在网上大概看了下轻量级的框架，最后使用vueQuill富文本编辑器 ，期间产生诸多问题，经过3天时间，基本解决，仅以此记录解决过程，给需要的人提供思路。网站地址：TestManagePlatform旧版的部署
项目开发环境下，运行应用程序样式正常，但是通过npm run build打包后，放到服务器上，再次访问，就会出
原创
2022-12-01 15:14:14
1272阅读
# 如何解决Docker中Nginx导致样式失效的问题
在使用Docker部署应用程序时，有时会遇到Nginx导致样式失效的问题。这通常是由于Nginx配置不正确导致的。本文将介绍如何正确配置Nginx以避免样式失效的情况。
## 问题分析
当我们在Docker容器中部署Nginx作为反向代理服务器时，有时会出现样式失效的情况。这通常是由于Nginx配置中未正确处理静态文件路径导致的。Ngi
一、引言：代理服务器的简介本节介绍代理服务器的基本配置。学习如何通过不同协议将 NGINX 请求传递给代理的服务器，修改发送到代理服务器的客户端请求标头，以及配置来自代理服务器的响应缓冲。代理通常用于在多个服务器之间分配负载，无缝地显示来自不同网站的内容，或者通过 HTTP以外的协议将请求传递给应用服务器。二、将请求传递给代理的服务器当 NGINX 代理请求时，它将请求发送到指定的代理服务器，获取
前提：nginx已在服务器上安装完成假如有2个项目（一个company，一个test），需要通过ip或者域名来访问，我们通过http://www.test.com来举例首先把2个静态资源项目或者打包好的项目放到Nginx中1、nginx安装目录及项目目录在nginx的html里面 创建两个文件夹，一个services放服务端代码，一个web放前端代码将前端静态页面或打包好的项目company和te
转载
2023-08-07 01:38:10
96阅读
# VantPicker iOS 样式错乱解决方案
作为一名经验丰富的开发者，我经常被问到如何修复 `VantPicker` 在 iOS 设备上的样式错乱问题。在这篇文章中，我将向刚入行的小白们展示如何一步步解决这个问题。
## 问题概述
`VantPicker` 是 Vant UI 库中的一个组件，用于实现选择器功能。但在 iOS 设备上，有时会出现样式错乱的情况，这通常是由于 CSS 样
# jQuery打印样式错乱问题解决方法
## 引言
在前端开发中，经常会遇到需要将页面内容打印出来的需求。而jQuery作为一门广泛应用于前端开发的JavaScript库，提供了方便快捷的打印功能。然而，有时候我们在使用jQuery打印功能时会遇到样式错乱的问题。本文将介绍这个问题的原因以及解决方法，并给出相应的代码示例。
## 问题描述
在使用jQuery进行打印时，有时会发现打印出来
使用nginx部署前端项目（超详细教程）(所使用前端模版已经上传到个人资源，各位敬请免费领取) 所有文章不设限，我们相遇偶然，相散坦然，互不打扰，各自安好，向阳而生1.安装nginx直接安装报错复现yum -y install nginx解释：Nginx在CentOS官方软件仓库中不可用，但它在EPEL （额外的CentOS软件包）软件仓库中可用，因此安装前需要先安装EPEL软件仓库正确安装方式1
部署环境：win10第一步：nginx下载下载地址：http://nginx.org/en/download.htmlnginx文件目录点击nginx.exe启动程序开启nginx，默认端口为80成功访问：http://localhost/第二步：编译前端项目前端采用vue框架进行开发，将项目编译成静态文件【html、css、js】vue项目目录结构修改位置1：config/index.jsvue默认打包生成的静态文件存放在dist目录中，修改配置将dis
原创
2021-06-03 17:03:37
3427阅读
Nginx 流程目录NginxNginx是什么，能做什么基于Docker的Nginx安装和配置1、拉取nginx镜像2、根据镜像创建Nginx容器1、创建一个用于展示的HTML2、创建Nginx容器1、准备挂载目录2、进行容器创建并挂载**写在后边** Nginx是什么，能做什么是什么，能做什么 Nginx是一款自由的、开源的、高性能的HTTP服务器和反向代理服务器；同时也是一个IMAP、POP
随着云计算和容器技术的不断发展，Kubernetes（简称K8S）作为一种自动化容器操作的开源平台，为应用部署、大规模容器管理、自动化容器操作等提供了便利。其中，nginx作为一款高性能的Web服务器和反向代理服务器，在K8S中的使用也非常普遍。本文将向您详细介绍如何在K8S上实现nginx前端部署。
首先，我们来看一下整个nginx前端部署的流程：
| 步骤 | 描述 |
| ---- |
实现前后端分离，可以让前后端独立开发、独立部署、独立单测，双方通过JSON进行数据交互。 对于前端开发人员来说，不用每次调试都需要启动或配置Java/Tomcat运行环境；对于后端开发人员来说 ，也不用在需要往JSP页面注入数据。 通过nginx来部署前端代码，可以帮助前端实现以下基本需求：1、请求转发，解决请求跨域的问题server {
listen 7
文章目录一、安装nginx二、配置nginx.conf：三、效果四、Nginx在windows下常用命令：五、问题：六、nginx部署vue项目，给访问路径加前缀：【1】前端打包=》publicPath:'/baofeng'【2】nginx配置： 一、安装nginx二、配置nginx.conf：html里面存放项目名称（如kd），kd里面放打包dist文件包（解压后的）配置完，记得重启nginx
文章目录前言一、tomcat服务器1.安装tomcat2.配置文件二 node服务器1.安装node.js2.运行前端包三 nginx服务器1.安装nginx2.修改配置文件 前言在windows系统中，前端将代码打包后，可以直接通过浏览器进行访问。但是这时的前端包只是运行在浏览器上，而真正前端运行需要以服务器作为依托。前端包相当于鱼，而运行前端的服务器相当于鱼缸，今天我们来聊聊前端项目部
NGINX的应用场景一、Web服务器场景需求 网站实现动静分离，目的是让网站里的动态网页根据一定规则把不变的资源和经常变的资源区分开来，动静资源做好了拆分以后，我们就可以根据静态资源的特点将其做缓存操作。安装在服务器上得（Linux服务器）http和反向代理服务组件，是一个负载均衡服务，用户访问服务器尤其在高并发得时候很有作用，可以用户访问静态资源和动态请求分开，分配给不同得执行单元，提高响应速度
超简单的前端静态资源服务器部署--nginx说明前提步骤一：链接服务器步骤二：安装Nginx步骤三：测试步骤四：部署其他项目关于Nginx.conf 配置的一些说明1.前端路由hash和history部署区别路由功能：hash模式和history模式实现功能：hash模式-url后带#history模式-url后不带#部署需求采用hash方式打包后，部署在nginx上备注（下面是遇到的一些问题记
1、安装nginx安装nginx其实非常简单的，常见问题1：如果自己买的服务器使用apt-get命令报错，那么先输入 apt-get install update 命令，更新一下就行了。关于安装nginx，推荐这篇博文，我之前第一次安装找了很多文章，这篇非常棒：nginx安装2、前端上线写在前面，推荐大家安装MobaXterm，点击这里前往官网下载。下载免费版的就行，这个软件很好用，上传
