Cet article n'est pas une entreprise, mais quelque chose que j'ai remarqué lors du développement d'une application de loisirs. Si quelqu'un connaît une meilleure solution, faites-le moi savoir.
[11/4 ajouté] J'ai écrit comment le résoudre au verso. https://qiita.com/yuki82511988/items/075508793119d90783b1 https://qiita.com/yuki82511988/items/62acd438e4420ec01be3
Nuxt.js * API Rails (en utilisant gem twitter)
Merci d'avoir lu l'article avec un titre aussi peu clair. Lorsque je développais une application Web de loisirs à l'aide de TwitterAPI, j'ai terminé le développement et transformé la page en https à l'aide de cerbot.
------ Cependant, Chrome m'a dit que ce n'était pas sûr. Il y avait un avertissement dans la console, alors je l'ai regardé (désolé de ne pas l'avoir copié)
Peut être dangereux car le chemin de l'image est http Quelque chose comme ça a été écrit.
image···? Quand j'étais curieux et enquêté, le chemin de l'image obtenue à partir de twitterAPI commençait à partir de http: //
! C'était apparemment le problème. surpris.
controller.rb
client = Authorization.init
@data = client.search("#hashtag", result_type: "recent").take(4).collect do |tweet|
{
"image": "#{tweet.user.profile_image_url}",
L'URL que j'ai obtenue ici était http. À ce stade, ce n'est pas une chaîne de caractères, et le processus de conversion doit être écrit au verso, mais cette fois je l'ai résolu en écrivant le code suivant au recto.
front.vue
response.data.tweet.forEach(
(element) => {
console.log(element.image)
const str = element.image
const replaced = str.replace('http', 'https');
element.image = replaced;
}
Il y a un meilleur moyen, et je viens de changer la chaîne de caractères, donc je me suis senti comme "Eh ...", mais maintenant l'avertissement disparaît avec l'image affichée.
J'ai pris cette méthode car l'image n'a pas disparu lorsque j'ai changé la partie http en https avec l'outil de vérification, mais était-ce vraiment bon? .. .. Je l'ai résolu à la hâte, mais si quelqu'un connaît un meilleur moyen, faites-le moi savoir.
Recommended Posts