nuxt启动成功后,界面显示这个错误咋解决呀?

nuxt启动成功后,界面显示这个错误咋解决呀?


Error
require() of ES Module G:\VSCode\gulicampus\guli-front\node_modules\axios\index.js from G:\VSCode\gulicampus\guli-front\node_modules\vue-server-renderer\build.dev.js not supported. Instead change the require of index.js in G:\VSCode\gulicampus\guli-front\node_modules\vue-server-renderer\build.dev.js to a dynamic import() which is available in all CommonJS modules.


在我的项目中,我尝试把axios的版本降成0.19.2, 结果就能成功运行了

截图我看看能不能

报错说的是当前的nuxt项目不支持es6语法

方法一:使用middleware中间件
在middleware文件夹下创建redirect.js

 export default function ({ route, redirect,app}) {
    if(route.path=='/manage'){
        if(!app.$cookies.get('zstoken')){
            redirect('/')
        }
    }
  }
// nuxt.config.js页面进行配置
 router: {
    middleware: ['redirect'],
  }

方法二: 在plugins文件夹下创建router.js

export default ({ app, store }) => {
 app.router.beforeEach((to, from, next) => {
   // 设置条件
   console.log(to, from)
   next()
 })
}

在nuxt.config.js的plugins里配置

 plugins: [
    '@/plugins/element-ui',
    '@/plugins/router' // 路由守卫
  ],