vue动态路由引用组件在服务器上不能识别


首页
问答
综合
首页 > 正文
Vuejs动态路由匹配，为什么不能识别路由参数呢
H5W32021-05-05 17:56:01

如上图，想要实现两个菜单选项共用一个页面，通过路由参数来判断功能从而筛选显示不同的内容。
selectMenu:function(key, keyPath){
consolelog(key);
switch(key){
case '1':this$routerpush('/index');break;
case '2-1-1':this$routerpush({path:'/sale/sureList/0',name:'待确认订单'});break;
case '2-1-2':this$routerpush('/logistics/logisticsList/0');break;
case '2-1-3':this$routerpush({path:'/sale/sureList/',name:'订单管理'});break;
default:break;
上面是菜单控制函数，当我选择待确认菜单时，路由成功匹配到路由中的第一项，status =0。但实际上我在surListvue页面获取路由参数失败，报错：[vue-router] missing param for named route "待确认订单": Expected "status" to be defined
导致界面不能正确渲染，还是原来的确认订单界面，如下图所示（有点丑，为了实现效果）。标题的渲染是根据路由参数来判断显示的。

可耐的小伙伴们，求助求助！
///////////////////////////////////////////////////////////////////////////////////
下面是监听路由情况下打印输出的路由及路由参数

回答：
！！$routepus()使用错误
查看$routepush()用法，发现一般有下面的三种用法，而我原来写的那种路径加名字是不合法的。
试着使用第二种和第三种命名法:this$routerpush({name:'待确认订单',params:{status:'0'}})，成功了。：）要么只push路径path，要么push name和参数status确定路由。
(1)字符串
routerpush('home')
(2)// 对象
this$routerpush({path: '/loginurl=' + this$routepath});
(3)// 命名的路由,后面的参数为动态路由的参数
routerpush({ name: 'user', params: { userId: 123 }})
(4)// 带查询参数，变成/backend/orderselected=2
this$routerpush({path: '/backend/order', query: {selected: "2"}});
回答：
首先，selectMenu方法不建议在跳转路由的时候带有中文的name，或者说路由的定义不建议用中文
其次，你想用path:'/sale/sureList/'时，进入订单管理页，但是路由指向的是待确认订单的路由，并且提示status未定义，所以你可以这样定义路由试试
path: '/sale/sureList'
另外，我做过类似的页面，两个路由指向同一个页面，这个时候在进行页面的切换时，并不会重新挂载，所以获取路由名称方式用mounted方法和watch监听方法一起做。
watch: {
'$route': function (route) {
// 监听路由变化
consolelog("router changed");
let routerName = this$routename;
consolelog(routerName);
}
},
mounted(){
let routerName = this$routename;
consolelog(routerName);
///////////////////////////////////////
简单测试url传递参数输出params：

客户/服务器的开发工作涉及定义客户/服务器的体系结构 然后再将该结构与其它一些对于客户/服务器的实现至关重要的系统结构和技术集成起来 Delphi 的Client/Sever版支持用户开发客户/服务器结构的应用程序 本章中我们将阐述客户服务器体系结构原理 如何用Delphi构建客户/服务器的环境和Delphi存取远程SQL服务器的编程和注意事项

Delphi客户/服务器应用开发原理

客户/服务器体系结构

体系结构概述

客户/服务器系统的体系结构有以下两个特点

● 是集合智能用户工作站作为有效平台使用

● 平台和软件之间的互 *** 作性

客户/服务器结构包括连接在一个网络中的多台计算机 那些处理应用程序 请求另一计算机的服务的计算机称为客户机（Client） 而处理数据库的计算机称为服务器（Server） 所有用户都拥有他们自己的计算机来处理应用程序

客户机计算机可以是大型机 小型机或微机 但是由于微机具有成本的优势 因而通常选择它们作为客户机 同样地 服务器通常是一台微机但在需要较大能力时 也可以使用一台大型机或小型机 在数据库环境下 通过若干称作中间件（Middleware）的程序设计接口 客户机可以与服务器通信 这些接口提供应用程序和数据库之间的连通性

客户/服务器结构也可以包括多个服务器 然而在这种情况下 每个服务器必定只处理一个不同的数据库或提供一个唯一的服务 （注意 使用两上或多个服务器来处理同一个数据库的结构不认为是客户/服务器系统 相反它是一个分布式数据库系统〕

表 归纳了计算机在客户/服务器系统中的既定作用

表 客户机和服务器计算机的作用

━━━━━━━━━━━━━━━━━━━━━━━━━━━

客户机功能         服务器功能

───────────────────────────

管理用户接口        从客户机接受数据库请求

从用户接受数据       处理数据库请求

处理应用逻辑        格式化结果并传送给客户机

产生数据库请求       执行完整性检查

向服务器发送数据库请求   提供并行访问控制

从服务器接收结果      执行恢复

格式化结果         优化查询和更新处理

━━━━━━━━━━━━━━━━━━━━━━━━━━━

客户机概述

如上所述 客户机运行那些使用户能阐明其服务请求的程序 并将这些请求传送到服务器 由客户机执行的计算称为前端处理（front end processing） 前端处理具有所有与提供 *** 作和显示数据相关的功能

客户机软件由网络接口软件 支持用户需求的应用程序以及实现网络能力的实用程序例如电子邮件（E Mail）和群件（Groupware）组成 网络接口软件提供各种数据传输服务 应用程序软件执行具体的任务 如字处理 电子表格和数据库查询生成 实用程序软件通常执行几乎所有网络用户都要求的标准任务

服务器概述

在服务器上执行的计算称为后端处理（back end processing） 后端硬件（back end hardware）是一台管理数据资源并执行数据库引擎功能（如存储 *** 作和保护数据）的计算机 在大型机环境下 后端网络（back end neork）提供大型计算机至大容量存储设备 控制器以及文件服务器的连接 在识别 评价和选择适当的服务器平台时 必须考虑将由该平台提供的服务 例如 一个数据库服务器可能需要快速处理能力 其他可能需要执行的网络服务有通信 应用程序 文件访问以及只读存储器（CD ROM）服务 随着新的应用技术的广泛使用 可被提供的潜在服务还将继续增加

服务器软件既包括遵循于OSI或其它网络结构的网络软件 又包括由该服务器提供给网络上客户机的应用程序或服务软件

中间件概述

中间件是一个软件层 它保护应用程序开发人员避免受到各种通信协议 *** 作系统以及数据库管理系统的影响 它为建立可与以前沿袭下来的应用程序并存的新应用程序打下了基础

中间件有好几种类型 它们包括应用程序设计接口（API） 远程过程调用（RPC） 网络通信 数据库访问以及计算机辅助软件工程（CASE）工具

由于客户/服务器系统需要集成各种不同结构的机器和技术 因而应用程序设计相当复杂 选择适当的中间件可以消除程序设计人员为每个单独协议和 *** 作系统编写代码的麻烦

lishixinzhi/Article/program/Delphi/201311/25137

中间件是一种独立的系统软件或服务程序，分布式应用软件借助这种软件在不同的技术之间共享资源。中间件位于客户机/ 服务器的 *** 作系统之上，管理计算机资源和网络通讯。是连接两个独立应用程序或独立系统的软件。相连接的系统，即使它们具有不同的接口，但通过中间件相互之间仍能交换信息。
执行中间件的一个关键途径是信息传递。通过中间件，应用程序可以工作于多平台或 OS 环境。
中间件是介于 *** 作系统和应用软件之间，为应用软件提供服务功能的软件，有消息中间件，交易中间件，应用服务器等。由于介于两种软件之间，所以，称为中间件。
Linux系统常用的中间件
1、tomcat
是一款java语言servlet规范的服务器软件适用于本地开发，小项目，或者是个人开发(免费的开放源代码的Web 应用服务器)，Apache 为HTML页面服务，而Tomcat 实际上运行JSP 页面和Servlet，但是Tomcat处理静态[HTML]的能力不如Apache服务器
2、weblogic
大项目或者商业项目，Java的动态功能和Java Enterprise标准的安全性引入大型网络应用的开发、集成、部署和管理之中，是美国bea公司出品的一个基于j2ee架构的中间件。
3、jetty
一些示例项目或者小项目常(开源的servlet容器)，是使用Java语言编写的，Jetty的运行速度较快，而且是轻量级的，可以在Java中可以从test case中控制其运行。从而可以使[自动化测试]不再依赖外部环境，顺利实现自动化测试
4、JBoss
管理EJB的容器和服务器(开放源代码的项目)，JBoss遵循商业友好的LGPL授权分发，并且由开源社区开发
5、WebSphere
IBM 的软件平台，它包含了编写、运行和监视全天候的工业强度的随需应变 Web 应用程序和跨平台、跨产品解决方案所需要的整个中间件基础设施，如服务器、服务和工具。WebSphere 提供了可靠、灵活和健壮的软件。WebSphere 是一个模块化的平台，基于业界支持的开放标准。可以通过受信任和持久的接口，将现有资产插入 WebSphere，可以继续扩展环境。WebSphere 可以在许多平台上运行，包括 Intel、Linux 和 z/OS。

现在的DDoS，基本都是流量型的，我接手的case都是这样。

很少有CC，CC太容易防御了，现在的云供应商，不少都送基础版WAF。

而且大多数网站都有熔断、缓存、CDN，CC不一定能找到很消耗资源的请求。

最好的办法就钱，花钱堆资源，推到攻击者无论怎么攻击多打不动，这样就会慢慢稳定下来，因为攻击多是要成本的，在攻击者打不

下来的时候也不会去打了，毕竟无利不起早没人愿意做赔本的生意。

治理DDOS的攻击主要以从源头开始，比如减少存在漏洞的NTP DNS服务器，在源地址检查避免IP欺骗，但是靠防护是不可能的。

DDOS的特点决定了，如果不在攻击时取证，证据很快就没了。因此要攻击者反复作案，才好抓。对一个被害人，只作案一次，或者随

机寻找被害人的情况，最难抓。

报警是肯定有用的，你不报警，警方没有线索，怎么抓人？

但是作用不可能立即体现，警方调查也是要时间的。但是指望报警来解决你现在的问题肯定是不行的。

---