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

论坛 期权论坛 编程之家     
选择匿名的用户   2021-5-29 14:19   574   0

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 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP