Benarkan Semua Domain untuk Imej dalam Next.js

Dalam Next.js, memuatkan imej daripada domain luaran memerlukan konfigurasi dalam next.config.js. Anda boleh membenarkan imej daripada semua domain sama ada dengan menggunakan RemotePatterns dengan kad bebas atau dengan melumpuhkan pengoptimuman imej sepenuhnya dengan tidak dioptimumkan.

---

Kaedah 1: Menggunakan Corak jauh dengan Wildcard

import type { NextConfig } from "next";

const nextConfig: NextConfig = {
  images: {
    remotePatterns: [
      {
        protocol: "https",
        hostname: "*", // Allow images from all domains
      },
    ],
  },
};

export default nextConfig;

---

Kaedah 2: Menggunakan tidak dioptimumkan

import type { NextConfig } from "next";

const nextConfig: NextConfig = {
  images: {
    unoptimized: true, // Disable image optimization
  },
};

export default nextConfig;

---

Bila Penggunaan:

• Corak jauh: Apabila anda mahukan imej dan fleksibiliti yang dioptimumkan.
• tidak dioptimumkan: Apabila anda memerlukan imej dari mana-mana domain tanpa pengoptimuman.

Pendekatan ini membantu dalam mengendalikan sumber imej dinamik dan memintas sekatan domain. ?

Mari Berhubung?

• Github
• Sederhana
• LinkedIn

Atas ialah kandungan terperinci Benarkan Semua Domain untuk Imej dalam Next.js. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!