笔记中的内容仅适用于HBulider构建的uniapp项目，通过其他方式构建的uniapp项目请参考uni-simple-router官网 uni-simple-router (hhyang.cn) uniapp用到了vue的很多api，但在路由管理的功能上相较于vue-router还是比较欠
转载
2024-02-28 10:26:20
188阅读
页面与路由目录导航
页面路由√
页面栈√
页面通讯√
路由跳转√
返回上一页√
reLaunch√
窗口动画√——————————————————————————————————————页面路由 1.什么是路由？ 路由：在前端，往往指代用不同地址请求不同页面。2.uniapp如何管理页面及路由？uniapp管理路由的方式：pages.json维护，框架统一管理。//pages.json
{
转载
2024-10-17 08:13:30
120阅读
<view class="right" @click="gotodetail">更多</view>methods: { gotodetail(){ // 跳转页面 uni.navigateTo({ url: '../hospital/hospital' }); }, },
原创
2022-12-21 10:27:02
112阅读
文章目录初识 uniapp 配置globalStylepagestabBarcondition 初识 uniapp 配置我们在 pages.json （页面路由） 文件中进行 uniapp 的相关配置，如果你已经自定义的创建了一个 uniapp 程序的话，那么你会看到该文件中有一个 pages 节点下面的每一个对象都是一个页面的相关信息，比如 path 配置页面的相关路径，style 配置该页面
转载
2024-03-19 12:36:08
459阅读
路由uni-app页面路由为框架统一管理，开发者需要在pages.json里配置每个路由页面的路径和页面样式。类似的小程序在app.json中配置页面路由相同。所以uni-app的路由用法与Vue Router不同，如仍希望采用Vue Router方式管理路由，可在插件市场搜索Vue-Router。路由路由uni-app有两种页面路由重定向方式：使用导航器组件扩展，调用API重定向。页面栈框架以栈
前言近期，业务上有涉及到关于nginx+docker部署的应用场景，虽然docker+nginx的部署模式，在前端领域已经流行有一段时间，但由于自身的一些技术储备不足，在这上面花费了较多的时间和精力，过程很艰难，所幸在一些先行者所留存的资料中得到帮助，最终成功实现所涉及的技术项目基于vue-cli搭建，主要涉及的一些技术有vue、element、nginx、docker，nginx和docker是
一.简介接下来就呈现出从百度百科得到的nginx的一些基本信息并进行简单的归纳。nginx的前世(怎么出现的):Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点（俄文：Рамблер）开发的，第一个公开版本0.1.0发布于2004年10月4日。nginx的作用(它来干嘛来了):Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器，同时也
在pages.json里面配置==============page.json=============={ "pages": [ //pages数组中第一项表示应用启动页
转载
2022-05-27 00:09:16
2724阅读
一、语法规则一、语法规则符号含义=开头表示精确匹配^~开头表示 uri 以某个常规字符串开头，理解为匹配 url 路径即可。nginx 不对 url 做编码，因此请求为/static/20%/aa，可以被规则^~ /static/ /aa匹配到（注意是空格）~开头表示区分大小写的正则匹配~*开头表示不区分大小写的正则匹配/通用匹配，任何请求都会匹配到二、解析流程三、使用location = / {
转载
2024-02-10 14:43:49
321阅读
路由模式众所周知，浏览器下的单页面应用的路由模式有下面两种： hash 模式和 history 模式。hash 模式通用性好，而且不依赖服务器的配置，省心省力，但是缺点是不够优雅。相比于 hash 模式来说，history 模式则更加美观。但是，history 模式同样会有一个问题，就是当页面刷新时，如果没有合适的配置，会出现页面 404 的错误。因此需要额外的服务器配置，对于找不到的 url，将
转载
2024-03-26 09:42:49
123阅读
路由--Location的使用Location语法规则语法规则： location [=|~|~*|^~] /uri/ {… }首先匹配 =，其次匹配^~,其次是按文件中顺序的正则匹配，最后是交给 /通用匹配。当有匹配成功时候，停止匹配，按当前匹配规则处理请求。符号含义== 开头表示精确匹配^~^~开头表示uri以某个常规字符串开头，理解为匹配 url路径即可（禁止正则匹配）。~~ 开头表示区分大
转载
2024-03-26 07:34:02
129阅读
如果在一个机器上有好多应用，此时应该考虑在Nginx的配置中体现出多应用的方法。一个简单的办法就是多加几条location配置来把指向不同URI的访问路由到不同的应用上去。
在一个Nginx下部署多个应用的location配置简单说明
假如在这个Nginx上我们还要部署一个到zabbix的路由，那么可以把配置文件改成这样：（只写location部分）：
转载
2024-03-26 09:41:07
130阅读
目录 目录项目背景实现思路源码地址可优化的点Nginx配置及说明 1.项目背景前几天写了一篇WebSocket推送的博客:WebSocket ：用WebSocket实现推送你必须考虑的几个问题 支持的连接数大概几千个,具体数量依赖于tomcat能并发的线程数,但很多时候生产环境应用的话几千个肯定是不行的,所以本问介绍Nginx+WebSocket的实现思路及代码.2.实现思路依照设计模式中的 迪米
转载
2024-03-18 18:53:51
32阅读
uni-app 之 数据缓存 铛铛铛~~~之前有写过一个navagator路由的博客，今天就分享一下关于数据缓存的把1.uni.setStorage(OBJECT) 与 uni.getStorage(OBJECT) 这两个是异步缓存，简单说就是将数据放到本地缓存指定的key中，一个存一个取罢了 uni.setStorage(OBJECT) ：将数据缓存在
转载
2024-02-17 13:12:16
60阅读
问题出现的环境背景： vue项目打包生成dist文件夹，将dist放到本机的nginx下运行，打开页面，正常点击菜单时，可以打开页面，除了主页，其他路由页面使用浏览器刷新或者复制url地址打开时，会出现页面404的情况。nginx的配置如下：server {
# ...其他部分省略...
listen 8081;
server_name local
转载
2024-06-05 15:31:49
86阅读
1.项目准备1.1开发方式uni-app为我们提供2种开发方式：使用DCloud公司提供HBuilderX工具来快速开发；使用脚手架来快速开发（我们这次项目使用此方式）；1.2脚手架搭建项目全局安装，如果你以前安装过就不需要重复安装了。npm install -g @vue/cli创建项目。vue create -p dcloudio/uni-preset-vue dnpicture启动项目（微信
Ununtu服务器安装Nginx与PHP1. 安装Nginx：1.1sudo apt update
sudo apt install nginx验证结果,使用命令：sudo systemctl status nginx若有结果如下则说明成功：但注意，此时只是在服务器上配置好了nginx，执行nginx -v应当可以看到版本号。此外，如果对nginx更新了配置，如增加了PHP解释，则应当重启ngin
NginxNginx是异步框架的网页服务器，也可以用作反向代理、负载平衡器和HTTP缓存。该软件由伊戈尔·赛索耶夫创建并于2004年首次公开发布。2011年成立同名公司以提供支持。2019年3月11日，Nginx公司被F5 Networks以6.7亿美元收购。Nginx有以下的特点由C编写，占用的资源和内存低，性能高。单进程多线程，当启动nginx服务器，会生成一个master进程，master进
转载
2024-04-29 11:33:14
149阅读
1.location的用法 location可以把不同方式的请求，定位到不同的处理方式上.location ~* /js/.*/\.js
以 = 开头，表示精确匹配；如只匹配根目录结尾的请求，后面不能带任何字符串。
以^~ 开头，表示uri以某个常规字符串开头，不是正则匹配
以~ 开头，表示区分大小写的正则匹配;
以~* 开头，表示不区分大小写的正则匹配
以/
转载
2024-04-28 15:10:44
79阅读
前几篇文章我们介绍了Nginx的配置、OpenResty安装配置、基于Redis的动态路由以及Nginx的监控。Nginx-OpenResty安装配置Nginx配置详解Nginx技术研究系列1-通过应用场景看Nginx的反向代理Nginx技术研究系列2-基于Redis实现动态路由[原创]Nginx监控-Nginx+Telegraf+Influxb+Grafana在分布式环境下，我们要考虑高可用性和
转载
2024-04-22 21:13:14
109阅读
