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/',
    // }
  },