Hình ảnh sao băng, CSS, Phục vụ Web "bình thường"

Question

Tôi đã nhìn thấy câu hỏi này xuất hiện rất nhiều;

• Làm cách nào để đặt hình ảnh trên trang web Meteor của tôi?
• Làm cách nào để lưu trữ nội dung web "chuẩn" bằng Meteor?
• Tôi đã thử thêm một thẻ <img src="img/myimage.png"> nhưng không có hình ảnh nào hiển thị!
• Làm cách nào để lưu trữ một số tệp trên trang web Meteor?

Answer 1

Đặt nội dung trong thư mục có tên "công khai" trong gốc dự án của bạn.

• Bạn không cần đưa/công khai vào URL của mình.
• Bất kỳ cấu trúc thư mục bổ sung nào trong phạm vi công cộng đều được hỗ trợ.
• Plugin định tuyến NodeJS không bắt buộc, vì các câu trả lời khác đã cung cấp.
• Đặt tệp javascript của thư viện bên ngoài vào/lib. Chúng sẽ được tự động đưa vào.

---

Giải thích

Trong Meteor, bạn có thể lưu trữ "tiêu chuẩn" nội dung trang web bằng cách tạo ra một thư mục "công cộng" trong thư mục gốc của dự án của bạn. Bất kỳ hình ảnh, tệp hoặc dữ liệu nào bạn đặt trong thư mục này sẽ được máy chủ NodeJS phục vụ như bình thường, như thể chúng nằm trong thư mục gốc của máy chủ.

---

Ví dụ

• Cấu trúc bên trong dự án: /public/test/img.png
• URL hình ảnh tương ứng: /test/img.png
• Thẻ HTML mẫu: <img src="/test/img.png"/>

Answer 2

Tạo thư mục mới public bên trong thư mục dự án. Thêm thư mục mới img (hoặc bất kỳ tên nào khác mà bạn chọn) bên trong thư mục công cộng. Sao chép tất cả các hình ảnh mà bạn yêu cầu để thêm vào HTML của bạn vào thư mục này.

Bây giờ bạn có thể sử dụng nó như thế - <img src="img/myimage.png">

Bạn không cần phải bao gồm/công trong trong URL.