1、nginx安装 2、常用nginx命令start nginx // 开启nginx服务
nginx -s stop // 关闭nginx服务，快速停止nginx，可能并不保存相关信息
nginx -s quit // 关闭nginx服务，完整有序的停止nginx，并保存相关信息
nginx -s reload // 重载nginx服务
t
'什么是单页面应用' 通俗点来讲就是在整个项目里浏览器至始至终没有刷新、整个项目就一个.html文件、 里面所有的页面都是通过组件来进行路由例如.vue组件、并通过ajax请求数据来实现数据交互、因为整个项目就一
Nginx定义异步框架的 Web服务器，也可以用作反向代理，负载平衡器 , HTTP缓存, 媒体流等的开源软件。它最初是一个旨在实现最高性能和稳定性的Web服务器。除了HTTP服务器功能外，NGINX还可以用作电子邮件（IMAP，POP3和SMTP）的代理服务器以及HTTP，TCP和UDP服务器的反向代理和负载平衡器。特点更快高扩展性, Nginx的模块都是嵌入到二进制文件中执行高可靠性低内存消耗
不积跬步无以至千里因为不熟悉，每次整理都花费了不短的时间，现在以码代码为主，到每个阶段再整理。 本次整理内容 --- 底部导航显示 ----- 给谷歌浏览器安装vue调试插件 --- 各模块的静态页面搭建完成 --- 添加登录页静态页面与路由0. 其它vue实战（1）：准备与资料整理vue实战（2）：初始化项目、搭建底部导航路由vue实战（3）：底部导航显示、搭建各模块静态页面、添加登录页页面与路
nginx配置nginx启动、停止、重新加载配置要启动nginx需要运行可执行文件，nginx通过 nginx - s 指令名 调用可执行文件。nginx -s stop 快速关机nginx -s quit 优雅关机nginx -s reload 重新加载配置文件nginx -s reopen 重新打开日志文件nginx配置文件的结构nginx由模块组成，这些模块由配置文件中
实现缓存在路由文件router.js中针对要缓存的页面进行设置 添加keepAlive: true，通过此字段判断是否需要缓存当前组件{
path: '/club',
name: 'Club',
component: Club,
meta: {
title: 'Club',
keepAl
转载
2024-07-15 11:16:22
47阅读
vue-cli打包到部署到nginx服务器1，我直接npm run build 打包出来，打开dist目录下面的index.html 空白页，页面上出现 no "NODE ENV"是我打包时没有指定打包到哪个环境 正确打包是 npm run build:prod 2.关于vue-router 中mo
转载
2024-07-13 16:35:08
293阅读
第一步：使用vue-cli搭建项目（注：建议安装淘宝镜像，使用cnpm执行下面操作） 1.按住shift按钮，右键点击存放项目的文件夹，点击在此处打开命令窗口。 2.在命令窗口中输入 npm install -
转载
2024-08-01 09:33:07
152阅读
一、准备工作：首先使用vue-cli搭建一个空的vue项目，步骤见。二、单页面改造多页面操作步骤：1、目录调整：对src目录进行一些调整：调整前是这样的： （1）进入src文件夹中，新建一个文件夹，如取名pages，用于存放后面的多页面，在pages里面新建一个文件夹叫index用于存放首页，然后将下图红框内的文件(文件夹)都拉进in
转载
2024-04-13 10:09:42
988阅读
目录一、常见的Nginx正则表达式二、location1、location大致可以分为三类2、location常用的匹配规则3、location 优先级4、location 示例说明5、实际网站使用中，至少有三个匹配规则定义三、rewrite1、rewrite 跳转实现2、rewrite执行顺序3、rewrite语法格式4、flag标记说明5、rewrite 示例1）基于域名的跳转2）基于客户端
转载
2024-08-08 09:21:37
972阅读
最近有时间研究了下前端项目如何在nginx服务器下进行部署，折腾了两天总算有所收获，汗~~所以就想着写篇文章来总结一下，主要包括以下三个方面： 1、打包好的vue项目如何进行部署。2、如何反向代理后端服务接口。3、vue项目二级访问目录在nginx下的配置。 说明：nginx服务器的安装及vue项目如何进行打包不在本文的讨论范围，后面的所有实践说明都是基于个人的本地
转载
2024-03-06 13:49:49
768阅读
前情提要有阵子没更新博客了，因为快年结了工作比较多，这不，最近公司的对外演示环境出现问题这个活儿也落到了我的头上……事情是这样的，原来演示环境有很多服务，每个服务都是对外单独开一个端口，比如 http://a.com.cn:8080、http://a.com.cn:8081 这种，通过外网域名端口映射到内网的服务器上。最近有个变化是 为了降低安全风险，公司决定启用https，并且对外演示环境只开设
下图是经过压缩后的，压缩前chunk-vendors.js我的接近10M，加载几十毫秒。F12调起调试模式，查看js和css加载所需时间（注意由于资源过大导致的加载过慢），
原创
2023-02-24 16:49:31
921阅读
由于项目急且前端开发人员只会拼页面具体数据交互不会，只能我后台开发人员来写。因为是数据交互使用的是ajax方式，我首先要面临的问题是我获得的数据怎么显示在页面上，以及怎么把数据保存下来，等页面跳转时就不用向后台再次请求数据，比如用户名以帐号相关基础信息，不可能每次打开新页面都向后台请求一下，太麻烦且交互数据太多。我首先想到的是H5里的LocalStorage,SessionStroage保存数据，
Nginx 简介Nginx 是一个免费、开源、高性能、轻量级的 HTTP 和反向代理服务器，也是一个电子邮件(IMAP/POP3)代理服务器，其特点是占有内存少，并发能力强。Nginx 由内核和一系列模块组成，内核提供 Web 服务的基本功能，如启用网络协议，创建运行环境，接收和分配客户端请求，处理模块之间的交互。Nginx 的各种功能和操作都由模块来实现。Nginx 的模块从结构上分为：核心模块
1. #用户 用户组
2. user www www;
3. #工作进程，根据硬件调整，有人说几核cpu，就配几个，我觉得可以多一点
4. worker_processes 5；
5. #错误日志
6. error_log logs/error.log;
7. #pid文件位置
8. pid
转载
2024-09-20 18:24:18
41阅读
nginx访问控制、rewrite应用、代理设置一、访问控制在这里依然还是以default2.conf虚拟主机为例，配置文件位置default2.conf1、允许某个ip访问 ，需要在default2.conf配置配文件中添加，具体如下图：规则如下： allow 127.0.0.1
转载
2024-08-12 13:16:58
68阅读
环境说明 如上图，主要做服务的是最后端的那台.net的web服务器，通过两台nginx做负载提供一个vip跟防火墙做映射为外网提供web服务问题描述在网站上下载小文件正常下载大文件会出现502，但这个502页面不会直接出现在浏览器，在打开浏览器开发者工具才能看到502问题解决（结合上面拓扑图）1.看nginx是否正常一般在产品线上出这种问题都是从外向内看问题，外网没问题就在内网，内网分为后面web
转载
2024-04-26 09:52:20
98阅读
vue项目开发好之后需要部署到服务器上进行外网访问，本篇主要介绍vue项目开发环境部署到Nginx服务器外网进行访问部署流程：本地vue项目进行打包成静态文件，将静态文件放在Nginx服务上，配置Nginx，指定的url转发至index.html，通过Nginx反向代理代替vue.cfg.js中配置的代理1.vue配置文件vue.cfg.jsconst path = require('path')
转载
2024-02-17 10:47:35
292阅读
1 阿里云服务器项目部署-单机部署 docker-compose1.1 搭建背景服务器 阿里云服务器前端 vue后端 springboot服务 redis 、nginx、minio 都做单机模式部署,不做集群部署博客内容参考了其他博文，会贴出来1.2 <重要>端口开放前提说明任何开放的端口都需要先在阿里云控制台进行开放1.2 docker搭建两种方式安装1、yum方式安装docker，
转载
2024-09-28 20:39:01
72阅读
