次のように、axios.get を介して データベース からリアクティブな 画像リンク を取得しています。
リーリー
リーリー
これは明らかに、url がどこも指していないことを示していますが、background-image が正しく表示されている場合、どのようにしてこれが可能になるのでしょうか?私の CSS には background-image プロパティ セットがなく、background: no-repeat center のみが設定されていますが、これらのエラーを削除してもまだ存在します。 404 を取り除く方法はありますか?
template を template に送信する前に console.log(state.articles.image[0]) を実行すると、正しい画像リンクが生成されます。
リーリー
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
テンプレートは、
リーリーstate.articles.image[0]が認識される前にレンダリングされます。 div タグがレンダリングされ、ブラウザーはまだ定義されていない未定義背景画像の URL を取得しようとします。この問題を解決する 1 つの方法は、状態の準備ができたときに<div>のみをレンダリングすることです。