文章目录前言一、vuex1.作用2.属性2.代码二、router1.作用2.引入2.1 引入router3.router 使用一、安装二、创建组件三、router-link制作导航四、动态路由匹配五、vue-router参数传递六.响应路由参数的变化七、实现不同路由不同页面标题八、重定向九、编程式导航1.router.push( )2.router.replace( )3.router.go(n
参考文档（技术博客支持原创作者分享，尊重别人的劳动成果）hash —— 即地址栏 URL 中的 # 符号（此 hash 不是密码学里的散列运算）。 比如这个 URL：http://www.abc.com/#/hello，hash 的值为 #/hello。它的特点在于：hash 虽然出现在 URL 中，但不会被包括在 HTTP 请求中，对后端完全没有影响，因此
nginx vue history模式 try_files
Nginx配置详解 序言Nginx是lgor Sysoev为俄罗斯访问量第二的rambler.ru站点设计开发的。从2004年发布至今，凭借开源的力量，已经接近成熟与完善。Nginx功能丰富，可作为HTTP服务器，也可作为反向代理服务器，邮件服务器。支持FastCGI、SSL、Virtual Host、URL Rewrite、Gzip等功能。并且支持很多第三方的模块扩展。Ng
文章目录1、图片资源路径2、vue.config.js文件的publicPath配置问题3、web容器的问题 vue项目有2种模式：hash模式 、history模式 理论上使用2种模式都可以，但实际上，使用 history模式 更适合一些，主要有以下2点原因。 ① url美观问题，hash显然是不美观的。 ② 微信分享、支付等，需要将url作为参数传递，会将字符 # 后的字符串截断，即：会丢失
一、介绍Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件：CLI：@vue/cli 全局安装的 npm 包，提供了终端里的vue命令（如：vue create 、vue serve 、vue ui 等命令）CLI 服务：@vue/cli-service是一个开发环境依赖。构建于 webpack 和 webpack-dev-serv
一、安装nginx和配置文件
（CenOS）
安装：
sudo yum -y
install
操作：
$ sudo systemctl enable nginx # 设置开机启动
$ sudo service nginx start
序router.js传递路由{path:'/mine/:name',name:'mine',component:Mine} //通过:传递一个参数，name是谁都可以！路由必须完全匹配！但是可以使用？问号进行查询！1.https://router.vuejs.org/zh/guide/advanced/data-fetching.html动态路由数据获取的参考文档网址。2.http://local
ngx_http_proxy_module 模块允许传送请求到其它服务器。配置示例location / {
proxy_pass http://localhost:8000;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
}语法默认值上下文proxy_pas
转载
2024-09-21 07:26:56
0阅读
导语： 在Nitro 中， 我们需要一款专业的负载均衡器。 经过一番研究之后，Mihai Todor和我使用Go构建了基于Nginx、Redis 协议的路由器解决方案，其中nginx负责所有繁重工作，路由器本身并不承载流量。 这个解决方案过去一年在生产环境中运行顺畅。 以下是我们所做的工作以及我们为什么那样做。 为什么 我们正在构建的新服务将位
转载
2024-10-23 20:31:12
76阅读
自定义行为 ( Custom Action )匹配器 (Matcher)匹配器VeryNginx 会收到各种各样的Http请求，当我们定义一条规则（Action）的时候，我们可能会需要限定，这条规则只对一部分请求起作用，Matcher 就是匹配器，用来描述哪一部分 Http 请求是规则的目标。一个 Matcher 可以包含一个或者多个约束条件，当某个请求没有违背 Matcher 中任何一条约束时，
根据用户名和密码去user表中查询是否存在如果不存在登录失败如果存在使jwt生成token返回给前端将token放入redis当中 ,设置过期时间//将token放入redis key: 令牌 value: 用户信息 过期时间：1天
redisTemplate.opsForValue().set(“TOKEN_”+token, JSON.toJSONString(sysUser),1, TimeU
在nginx上部署vue项目(history模式)；vue-router 默认是hash模式，使用url的hash来模拟一个完整的url，当url改变的时候，页面不会重新加载。但是如果我们不想hash这种以#号结尾的路径时候的话，我们可以使用路由的history的模式。比如如下网址： 使用hash模式的话，那么访问变成 http://localhost:8080/bank/page/count/#
原创
2022-01-14 10:54:33
4729阅读
文件操作的优化
sendfile系统调用
语法：
sendfile on|off;
默认：
sendfile off;
配置块：
http
、
server
、
location
转载
2024-04-01 00:02:34
87阅读
NGINX is becoming an increasingly popular HTTP server and has been deployed in more than 400 million sites. If left unattended, issues may crop up from time to time. As such it is imperative to m
转载
2024-04-09 14:27:20
61阅读
第一部分---安装nginx+naxsi 首先，我说一下我的环境是ubuntu14.04LTS版本，并且是在root用户下进行操作的，省去了很多麻烦，至于其他的版本也应该是大同小异的，区别也极有可能只是命令的不通而已。1 下载nginx源码：wget http://nginx.org/download/nginx-1.7.9.tar.gz
转载
2024-05-09 16:26:40
90阅读
页面刷新数据丢失在vue中data、vuex store等都数据都是在内存当中的，页面一旦刷新，这些数据就会丢失（或者说被重置为初始值），在某些时候很影响用户体验。缓存，恢复要想使数据刷新不丢失，就得监听页面刷新事件，在刷新前将数据缓存到本地存储，页面刷新后再将数据从本地存储恢复。目前较普遍的做法是类似这样：//App.vue的created():
created() {
//在页面加载
转载
2024-10-18 11:20:16
198阅读
一、Vue3.x中的路由路由可以让应用程序根据用户输入的不同地址动态挂载不同的组件。Vue Routernpm install vue-router@next --savenpm install vue-router@4二、Vue3.x路由的基本配置1、安装路由模块npm install vue-router@next --save2、新建组件src/views/Home.vue<temp
上一节我们讲到了事件驱动的模块，它把我们引入epoll模块，今天我们主要学习下nginx如何使用epoll完成时间驱动，实现高并发；这里不详细讲解epoll原理，如果有机会再做一次单独的epoll的学习。本文来自于：回忆一下上一节的内容，在我们讲到ngx_process_events_and_timers时，在源码最后提到了ngx_process_events,这里是把我们引入epoll的入口：1
转载
2024-09-03 08:56:53
50阅读
在Kubernetes集群中配置nginx的history模式是一项常见的操作，它可以让我们轻松地查看nginx的访问日志，从而更好地分析和监控我们的应用程序。在本文中，我将向您介绍如何配置nginx的history模式。首先，让我们来看一下整个配置的流程：
| 步骤 | 操作 |
|----| --- |
| 1 | 部署nginx-ingress-controller |
| 2 | 配置h
原创
2024-05-24 11:19:59
1066阅读
