vue.js - nuxt js,如何在服务器端渲染时获取网页的主机名
问题描述
在 nuxtjs 项目中,我有一个 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}
。
在nuxtjs中,如果网页在前端渲染,那么我可以通过 获取主机名location.host
,如果在ssr(服务器端渲染),我如何获取主机名?
解决方案
正如@divine 所说,您可以选择多种选项。
例如,
export default {
async asyncData ({ req, res }) {
if (process.server) {
return { host: req.headers.host }
}
}
host 将是您的 ssr 主机名
推荐阅读
- oracle - Oracle APEX 5 经典报告的 CSV 导出问题
- python - 如何将 pyautogui 附加到虚拟显示器?
- excel - 是否可以强制 Cells.find 从其搜索中排除工作表?
- javascript - 如何将 JavaScript 文件链接到 HTML
- spring - 用于 OData 形式的输出服务的 SAP Cloud SDK 方法
- .net - 如何让 EFCore 内存数据库自动增加非关键字段
- fiware - 如何从 Orion 获取所有者插入的所有订阅
- angular7 - 如何使用延迟加载模块构建 Angular 7 项目
- html - Href 锚文本 - 打开聊天小部件
- c# - 有没有办法将按钮添加到现有选项卡或在文件资源管理器功能区中添加新选项卡?