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/

4、nuxt.js 添加百度统计代码

参考:nuxt.js项目里面如何添加百度统计代码

标签: none