如何在Axios中使用“预连接”和“ dns-prefetch”

时间:2019-12-14 10:47:25

标签: axios google-chrome-devtools pagespeed nuxt

我如何使用Axios修复此问题,是否有任何参数?

axios.get('/slug', { params })
  

预连接到必需的来源   考虑添加preconnectdns-prefetch资源提示以建立与重要第三方起源的早期联系。了解更多信息。

enter image description here

为什么当源代码中不存在该URL时chrome审核会宣布此机会

https://immobiliere-essaouira.graines-digitales.fr/

1 个答案:

答案 0 :(得分:0)

所有resource hints只能用作<link>元素上的属性。您可以了解它们的作用以及如何进行操作,例如here

因此您无法直接在JavaScript中执行任何操作(当然,除了会根据用户操作将属性动态添加到现有链接之外)

如果您要使用域https://api.my-app.com中的Axios请求某项内容,只需在页面中包含<link rel="preconnect" href="https://api.my-app.com" />就可以了...