小编hye*_*luv的帖子

如何在 nuxt.js (vue.js) 中配置动态 og 标签?

我使用 vue init nuxt /express myprojectstart 启动了 nuxt 应用程序。

这是我的目录。

page
|- _project.vue
|- project
  | - index.vue
Run Code Online (Sandbox Code Playgroud)

_project.vue的配置

export default {
  head () {
    return {
      title: this.project.title,
      meta: [
        {property: 'fb:app_id', content: '12873892173892'},
        {property: 'og:title', content: this.project.title},
        {property: 'og:image', content: this.project.image},
      ],
    }
  }
},
async asyncData ({app, params, error}) {
  const project = await app. $ axios. $ get (`/ project`)
    return {
      project: project.project,
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

但是,如果您按 Facebook 共享按钮,则不会出现所需的标题和图像。

我认为这是服务器端渲染问题。但我无法解决这个问题。

我将不胜感激你的帮助。

facebook facebook-opengraph vue.js server-side-rendering nuxt.js

5
推荐指数
1
解决办法
2万
查看次数

在 pg-promise 中使用助手时如何设置列

由 node.js 开发。我正在使用pg-promise。

插入以下数据有问题。

我想在下表中插入多行数据。

create table info (
  id varchar(20) not null,
  name varchar(20) not null,
  createdate timestamp with time zone not null
)
Run Code Online (Sandbox Code Playgroud)

我在下面插入了数据。

let info = [
  { myid: '0001', myname: 'name1' },
  { myid: '0002', myname: 'name2' },
  { myid: '0003', myname: 'name3' },
]
Run Code Online (Sandbox Code Playgroud)

我最初插入了以下内容。

for (let i = 0; i <info.length; i ++) {
  db.none (`INSERT INTO info (id, name, createdate ') VALUES ($1, $2, CURRENT_TIMESTAMP)`, [info[i].id, info[i].name])
}
Run Code Online (Sandbox Code Playgroud)

我想使用 pg-promise 正确修复它。 …

javascript postgresql node.js pg pg-promise

2
推荐指数
1
解决办法
1600
查看次数