nuxt js,如何在服务器端渲染时获取网页的主机名

时间:2018-05-02 09:49:35

标签: vue.js nuxt.js

在nuxtjs poroject中,我有一个api环境的配置变量,如下所示:

[
{
  front_host: local-1.domain.com,
  backend_api: api-1.domain.com
},
{
  front_host: local-2.domain.com,
  backend_api: api-2.domain.com
},
]

我需要从主机名中获取正确的对象元素,例如,如果我的网页的主机名是“local-1.domain.name”,那么我将获得对象{front_host: local-1.domain.com, backend_api: api-2.domain.com}。 / p>

在nuxtjs中,如果网页在前端呈现,那么我可以通过location.host获取主机名,如果在ssr(服务器端呈现),我该如何获得主机名?

1 个答案:

答案 0 :(得分:1)

Like @ divine说,您可以选择几个选项。

例如

export default {
     async asyncData ({ req, res }) {
        if (process.server) {
         return { host: req.headers.host }
        }
    }

主机将是您的​​ssr主机名