nuxt静态部署_如何让 Nuxt.js 生成动态路由的静态文件

Nuxt.js 提供了两种发布部署应用的方式:服务端渲染应用部署 和 静态应用部署

我选择的是第二种,执行 npm run generate 命令是可以顺利打包的,但是存在问题

-| pages/

---| index.vue

---| users/

-----| _id.vue

上述文件结构,只要有动态路由的文件是打包不出来的,_id.vue 这个文件就无法打包成功,其实官方给了如下配置// nuxt.config.js 进行设置const axios = require('axios')module.exports = {  generate: {    routes: function () {      return axios.get('https://my-api/users')

.then((res) => {        return res.data.map((user) => {          return '/users/' + user.id

})

})

}

}

}

很可惜,我尝试了,但是失败了,目前项目上线,我改了代码,被迫用 /users?id=1 这样的方式,但是看起来很难受,这并不是我的初衷,如果有人遇到过此问题希望能与我在此交流

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值