动态路由${xxx}不能传变量求帮助~

Yangy612 2020-09-16 02:45:05

然后为了验证变量是没问题的我打印了一下

结果是没问题的

不知道为什么在this.props.history.push里不能传一个变量或者说变量没有转义成功求指导~~ 非常感谢

...全文

184 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

Yangy612 2020-09-17

打赏
举报

回复

感谢感谢这一波好坑！！

jio可 2020-09-16

打赏
举报

回复

`/chat/${user._id}` ``不是''

在微服务架构盛行的今天，如何根据请求特征（如用户身份、版本号、地域）动态分发到不同后端服务，是每个开发者/运维必须掌握的技能。什么是Nginx变量？它为什么能控制路由？内置变量和自定义变量的区别与用法如何用变量实现“看请求头选后端”“按URL参数切流量”等高级操作真实业务场景（如灰度发布）的完整实践用“快递分拣中心”比喻理解Nginx变量的核心作用拆解内置变量、自定义变量的类型与工作原理用Python伪代码+Nginx配置示例，演示变量如何影响路由决策。

vue由静态路由改为动态路由时，出现下面的错误静态路由懒加载，当我们把在router里面，把它写死在ts里时，它加载的ok的，可是我们通过api接口拉取过来的数据时，发现是不报了上面的错 // 静态路由懒加载 export const loadView = (view: any) => { return () => import(`@/views/${view}.vue`) } 错误原因是webpack打包逻辑，webpack4中动态import不支持变量方式，查看路由返回的信息，只是

1.常规导入组件常规的导入组件需要在文件开始就将导入的组件写死，如下 import xxx from 'xxx' 现在我需要通过后端返回的数组动态的生成路由，因此在不知道后端返回的情况下，不知道需要导入哪些组件，就需要根据后端返回的组件路径，动态导入组件，方法一：require 后端返回的数据如下： [{ path: '/login', component: 'Login' }] 可以看见，组件为一个字符串路径。 routes.js如下： /** * 根据数组生成路由数组，主要是根

webpack 编译es6 动态引入 import() 时不能传入变量，例如dir =’path/to/my/file.js’ ； import(dir) , 而要传入字符串 import(‘path/to/my/file.js’)，这是因为webpack的现在的实现方式不能实现完全动态。但一定要用变量的时候，可以通过字符串模板来提供部分信息给webpack；例如import(./path/$...

坑：session&localStorage无法保存函数component: () => import('xxx.vue') vite里不能使用import router.addroute的值刷新后就消失思路：login后得到路由信息保存到session,在vuex里得到session信息并定义拼接完整路由数据进行addroute（路由文件调用方法时传入router对象参数）的方法 webpack可以component: () => import('${xxx}.vue') v

87,992

社区成员

224,698

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章