nuxt.js koa 使用过程中问题解决
1、如何在 asyncData 中使用 axios 发起 http 请求
在 VUE 组件中可以通过 this.$axios 发起网络请求,在 asyncData 中不能使用 this.$axios
async asyncData({ app }) {
const res = await app.$axios.get('/api/contents', { progress: true })
}
2、如何使用 pm2 管理 nuxt.js 服务
进行到项目的根目录,需要先执行 npm run build
,再运行 pm2
pm2 start npm --name "my-nuxt" -- run start
3、在 asyncData 中更改网页的标题 title 和 description
先向服务端接口发起 http 请求,然后根据接口返回的数据设置网页的标题。
async asyncData({ app }) {
const res = await app.$axios.get('/api/contents', { progress: true })
app.head.title = result.topic.title
app.head.meta = [
{ hid: 'description', name: 'description', content: '我是description' },
{ hid: 'keywords', name: 'keywords', content: '我的 keywords' }
]
}
参考链接:https://zh.nuxtjs.org/api/pages-head/