nginx部署,nuxt静态部署,路由跳转失效的问题

nuxt静态部署问题

静态部署:路由模式跳转失效的问题;不能使用历史模式,需要使用 ‘hash’ 模式,再进行打包 ‘npm run generate’

文件:nuxt.config.js

// 自定义配置路由
router: {
   mode: 'hash', // 使用 'hash' 主要是为了适配以相对路径打开的静态站点, 必须使用 'hash' 否则路由跳转不生效
   // base: '/moli/',
   base: process.env.NODE_ENV === 'production' ? './' : '/', // 使用 './' 主要是为了适配以相对路径打开的静态站点
   extendRoutes(routes, resolve) {
     routes.push({
       path: '/',
       redirect: {
         name: 'home'
       }
     })
   }
 },

你可能感兴趣的:(nginx,nuxt,nuxt部署)