網站首頁 Vue 正文
vue由靜態路由改為動態路由時,出現下面的錯誤
靜態路由懶加載,當我們把在router里面,把它寫死在ts里時,它加載的ok的,可是我們通過api接口拉取過來的數據時,發現是不報了上面的錯
// 靜態路由懶加載
export const loadView = (view: any) => {
return () => import(`@/views/${view}.vue`)
}
錯誤原因是webpack打包邏輯,webpack4中動態import不支持變量方式,查看路由返回的信息,只是返回一個方法。
而靜態路由的返回,這個才是正確的組件返回方式
但是我們是要改為動態路由,則必須把它修改為
這樣動態路由加載就OK了
export const loadView = (view: any) => {
return (resolve: any) => require([`@/views/${view}.vue`], resolve)
}
原文鏈接:https://blog.csdn.net/longzhoufeng/article/details/106469115
相關推薦
- 2024-07-14 關于Module中在junit測試方法和非測試方法中獲取相對路徑不一致的問題
- 2022-11-27 Python線性網絡實現分類糖尿病病例_python
- 2022-08-19 解決:curl: (35) LibreSSL SSL_connect: SSL_ERROR_SYSC
- 2023-06-20 Python實用技巧之臨時文件的妙用_python
- 2022-05-26 Python入門必讀的if語句嵌套方法_python
- 2022-04-10 Python實現讀取excel中的圖片功能_python
- 2024-03-19 Rust 中Self 關鍵字的兩種不同用法
- 2022-12-08 重溫Python基礎之列表操作_python
- 最近更新
-
- window11 系統安裝 yarn
- 超詳細win安裝深度學習環境2025年最新版(
- Linux 中運行的top命令 怎么退出?
- MySQL 中decimal 的用法? 存儲小
- get 、set 、toString 方法的使
- @Resource和 @Autowired注解
- Java基礎操作-- 運算符,流程控制 Flo
- 1. Int 和Integer 的區別,Jav
- spring @retryable不生效的一種
- Spring Security之認證信息的處理
- Spring Security之認證過濾器
- Spring Security概述快速入門
- Spring Security之配置體系
- 【SpringBoot】SpringCache
- Spring Security之基于方法配置權
- redisson分布式鎖中waittime的設
- maven:解決release錯誤:Artif
- restTemplate使用總結
- Spring Security之安全異常處理
- MybatisPlus優雅實現加密?
- Spring ioc容器與Bean的生命周期。
- 【探索SpringCloud】服務發現-Nac
- Spring Security之基于HttpR
- Redis 底層數據結構-簡單動態字符串(SD
- arthas操作spring被代理目標對象命令
- Spring中的單例模式應用詳解
- 聊聊消息隊列,發送消息的4種方式
- bootspring第三方資源配置管理
- GIT同步修改后的遠程分支