如何仅为nuxt生成设置路由器基础?

时间:2019-04-04 14:01:01

标签: webpack vue-router nuxt.js

我正在建立一个静态站点。当我运行nuxt generate并使用该路径推送到子文件夹(不能在root上)时,它可以工作,但是不幸的是,这破坏了npm run dev。我正在收集它,它与nuxt.config中的构建扩展或导出默认值之前的const有关。理想情况下,当我运行npm run dev时,基数应该是“ /”,当我运行npm run generate时,基数应该是“ / mypath /”。

我正在寻找此链接的答案: https://nuxtjs.org/faq/github-pages/ 并且正在尝试此代码:

// config
const routerBase = process.env.DEPLOY_ENV === 'GEN' ? {

  router: {
    base: '/wee/'
  }
} : {
    router: {
      base: '/'
    }
}
...
router: {
      base: routerBase
  },
// package json
"scripts": {
    "dev": "nuxt",
    "build": "nuxt build",
    "start": "nuxt start",
    "generate": "DEPLOY_ENV=GEN nuxt generate"
  }
//
//
// also am trying to look into this in config - set it in here dynamically
extend(config, { isDev, isClient }) {
          //console.log(config.router)
    }

当我运行npm run dev时,我得到Cannot GET /。 理想情况下,我不必每次运行generate时都手动在配置中保存基准。 谢谢。

1 个答案:

答案 0 :(得分:0)

config.js

    const routerBase = process.env.DEPLOY_ENV === 'GEN'
      ?
        '/wee/'
     :
        '/';
...
        router: {
       base: routerBase
     },