dva框架二级路由刷新出现空白页

在用dva框架开发项目中，发现当出现二级路由时，重新刷新页面会出现空白页面；并且控制台会报错；

Uncaught SyntaxError: Unexpected token <

出现这种情况的原因是在你的index.html文件中，引用index.js文件使用的相对路径，当出现二级路由时，假如说是localhost:800/first/second;那么你的引用如果是相对路径，浏览器会去请求 localhost:800/first/src/index.js；而实际你的js路径为 host:800/src/index.js；

解决方案如下:

将index.html中的引用的js文件路径设置为绝对路径;

这样的话问题就解决啦，有帮助的点个赞哟！

2020/2/4补充：

以上办法如果不能解决，可尝试以下方法，修改webpackrc.js文件，添加如下配置

env: {development: { // 针对本地开发环境 配置资源路径publicPath: '/',},// production: { s3中不需要这个配置//   publicPath: '/dist/',// }},

dva框架二级路由刷新出现空白页相关推荐

Vue【有与无】【F3】【问题】vue 2.x 动态路由刷新后空白
先确认在route.js 或者 main.js 中有没有使用路由守卫vue.beforeEach和vue.addRouter() 促使页面每次刷新,重新根据后台返回数据生成动态路由. // 避免路由守 ...
解决Vue history模式下使用嵌套路由打包部署后刷新页面为空白页
解决Vue history模式下使用嵌套路由打包部署后刷新页面为空白页前言问题分析问题解决结语前言众所周知,Vue路由有两种模式,默认hash模式,这种模式下url上会带"#&q ...
Vue.JS项目中二级路由下刷新浏览器仍呈现当前路由的实现方案
1.需求介绍: 以下介绍一下实现起来没什么疑问的需求:设备列表为一个主页,点击设备列表中的编辑按钮,进入设备信息主页面,默认打开设备配置页,点击设备状态.设备日志.固件升级,会切换下方内容. 本人对以 ...
动态路由下刷新页面空白
前言最近设计动态路由时,刷新页面空白.突然想起以前笔记里面记录过,翻看了下,今天得空儿分享出来. 问题描述在全局前置守卫router.beforeEach里面加入动态路由设计时,刷新动态页面,明明 ...
vue2路由手动创建二级路由路由传参路由守卫打包上线
路由手动配置: #在@vue/cli创建的项目中,路由用法如下. 1.安装路由npm install vue-router@32:定义路由所需的组件(.vue文件)要实现页面about 和home两个 ...
19 - Dva框架基础
文章目录基本概述 Dva特征项目文件结构说明 dva概念关系图 dva开发设计要求主程序与容器组件路由挂接容器组件与功能组件分离功能组件与Model分离 Model与基础操作分离脚手架安装 ...
Vue2.0通过二级路由实现页面切换
vue2.0通过二级路由实现页面切换需求分析:以下歌手列表(singer.vue)页中,点击列表跳转到歌手详情页(singer-detail.vue). 实现方法:使用二级vue-router实现. ...
Ant Design Blazor 组件库的路由复用多标签页介绍
前言 Blazor 是 .NET 最新的前端框架,可以基于 WebAssembly 或 SignalR (WebSocket)构建前端应用程序,基于 WebAssembly 托管模型的 Blazor ...
EmptyPage(空白页组件)原理与使用
app 显示列表内容时, 在某一时刻可能数据为空(等待网络请求/网络请求失败)等, 添加一个空白指示页将有效缓解用户可能造成的焦虑或混乱. 并可以帮助用户处理问题. 市面上已经有部分成熟的空白页框架, ...

dva框架二级路由刷新出现空白页

Uncaught SyntaxError: Unexpected token <

dva框架二级路由刷新出现空白页相关推荐

最新文章

热门文章