Chúng ta có thể thay đổi chỉ mục html trong phản ứng không?
1 tạo một thư mục 2 với bản dựng sản xuất của ứng dụng của bạn. Bên trong thư mục 3 sẽ là các tệp JavaScript và CSS của bạn. Mỗi tên tệp bên trong 3 sẽ chứa một hàm băm duy nhất của nội dung tệp. Hàm băm này trong tên tệp cho phép Show
Khi chạy bản dựng sản xuất của ứng dụng Create React App mới được tạo, có một số tệp 5 (được gọi là khối) được tạo và đặt trong thư mục 6 7
9
1
Nếu bạn đang sử dụng phân tách mã để chia nhỏ ứng dụng của mình, điều này cũng sẽ tạo ra các khối bổ sung trong thư mục 3Triển khai 1 tạo một thư mục 2 với bản dựng sản xuất của ứng dụng của bạn. Thiết lập máy chủ HTTP yêu thích của bạn để khách truy cập vào trang web của bạn được phục vụ 4 và các yêu cầu đối với các đường dẫn tĩnh như 9 được phục vụ cùng với nội dung của tệp 9. Để biết thêm thông tin, hãy xem phần bản dựng sản xuất của tài liệu Tạo ứng dụng ReactMáy chủ tĩnhĐối với các môi trường sử dụng Node, cách dễ nhất để xử lý việc này là cài đặt dịch vụ và để nó xử lý phần còn lại 0Lệnh cuối cùng được hiển thị ở trên sẽ phục vụ trang tĩnh của bạn trên cổng 5000. Giống như nhiều cài đặt bên trong của giao bóng, cổng có thể được điều chỉnh bằng cách sử dụng cờ 11 hoặc 12
Chạy lệnh này để có danh sách đầy đủ các tùy chọn có sẵn
Giải pháp khácBạn không nhất thiết phải có máy chủ tĩnh để chạy dự án Tạo ứng dụng phản ứng trong sản xuất. Nó hoạt động tốt khi được tích hợp vào một động hiện có Đây là một ví dụ lập trình sử dụng Node và Express 1Việc lựa chọn phần mềm máy chủ của bạn cũng không quan trọng. Vì Create React App hoàn toàn không phụ thuộc vào nền tảng, nên không cần sử dụng Node một cách rõ ràng Thư mục 2 với nội dung tĩnh là đầu ra duy nhất được tạo bởi ứng dụng Create ReactTuy nhiên, điều này là không đủ nếu bạn sử dụng định tuyến phía máy khách. Hãy đọc phần tiếp theo nếu bạn muốn hỗ trợ các URL như 14 trong ứng dụng một trang của mìnhCung cấp ứng dụng với định tuyến phía máy kháchNếu bạn sử dụng bộ định tuyến sử dụng HTML5 bên trong (ví dụ: Bộ định tuyến React với 16), nhiều máy chủ tệp tĩnh sẽ bị lỗi. Ví dụ: nếu bạn đã sử dụng Bộ định tuyến React với tuyến đường dành cho 14, thì máy chủ phát triển sẽ phản hồi đúng với 18, nhưng một Express phục vụ bản dựng sản xuất như trên sẽ khôngĐiều này là do khi tải trang mới cho 14, máy chủ sẽ tìm tệp 20 và không tìm thấy tệp đó. Máy chủ cần được định cấu hình để đáp ứng yêu cầu tới 14 bằng cách phục vụ 4. Ví dụ: chúng tôi có thể sửa đổi ví dụ Express ở trên để phục vụ 4 cho mọi đường dẫn không xác định 2Nếu bạn đang sử dụng Máy chủ HTTP Apache, bạn cần tạo một tệp 24 trong thư mục 25 trông như thế này 9Nó sẽ được sao chép vào thư mục 2 khi bạn chạy 1Nếu bạn đang sử dụng Apache Tomcat, bạn cần làm theo câu trả lời Stack Overflow này Bây giờ các yêu cầu tới 14 sẽ được xử lý chính xác cả trong quá trình phát triển và sản xuấtXây dựng cho các đường dẫn tương đốiTheo mặc định, Tạo ứng dụng phản ứng tạo ra một bản dựng giả sử ứng dụng của bạn được lưu trữ tại thư mục gốc của máy chủ Để ghi đè điều này, hãy chỉ định 29 trong 90 của bạn, chẳng hạn 5Điều này sẽ cho phép Create React App suy luận chính xác đường dẫn gốc để sử dụng trong tệp HTML được tạo Ghi chú. Nếu bạn đang sử dụng 91, bạn có thể root các 92 bằng cách sử dụng giá đỡ 93 trên bất kỳ 94 nào. Thông tin thêm tại đây. Ví dụ 0Phục vụ cùng một bản dựng từ các đường dẫn khác nhau
Nếu bạn hiện không sử dụng API lịch sử 15 của HTML5 hoặc hoàn toàn không sử dụng định tuyến phía máy khách, bạn không cần chỉ định URL mà từ đó ứng dụng của bạn sẽ được phân phối. Thay vào đó, bạn có thể đặt cái này vào 90 của mình 4Điều này sẽ đảm bảo rằng tất cả các đường dẫn nội dung đều liên quan đến 4. Sau đó, bạn sẽ có thể di chuyển ứng dụng của mình từ 99 sang 50 hoặc thậm chí là 51 mà không cần phải xây dựng lại ứng dụngTùy chỉnh biến môi trường cho môi trường xây dựng tùy ýBạn có thể tạo môi trường xây dựng tùy ý bằng cách tạo tệp 52 tùy chỉnh và tải tệp đó bằng env-cmdVí dụ: để tạo môi trường xây dựng cho môi trường dàn dựng
Bây giờ bạn có thể chạy 57 để xây dựng với cấu hình môi trường dàn dựng. Bạn có thể chỉ định các môi trường khác theo cách tương tựCác biến trong 58 sẽ được sử dụng làm dự phòng vì 59 sẽ luôn được đặt thành 00 cho bản dựngBộ nhớ đệm tệp tĩnhMỗi tệp bên trong thư mục 3 sẽ có một hàm băm duy nhất được thêm vào tên tệp được tạo dựa trên nội dung của tệp, cho phép bạn sử dụng để tránh trình duyệt tải xuống lại tài sản của mình nếu nội dung tệp không thay đổi. Nếu nội dung của tệp thay đổi trong bản dựng tiếp theo, hàm băm tên tệp được tạo sẽ khácĐể mang lại hiệu suất tốt nhất cho người dùng của bạn, cách tốt nhất là chỉ định tiêu đề 02 cho 4, cũng như các tệp trong 3. Tiêu đề này cho phép bạn kiểm soát khoảng thời gian mà trình duyệt cũng như CDN sẽ lưu trữ nội dung tĩnh của bạn. Nếu bạn không quen với những gì 02 làm, hãy xem bài viết này để có phần giới thiệu tuyệt vờiSử dụng 06 cho nội dung 3 của bạn và 08 cho mọi nội dung khác là điểm bắt đầu an toàn và hiệu quả để đảm bảo trình duyệt của người dùng của bạn sẽ luôn kiểm tra tệp 4 được cập nhật và sẽ lưu vào bộ nhớ cache tất cả tệp 3 trong một năm. Lưu ý rằng bạn có thể sử dụng thời hạn một năm vào ngày 3 một cách an toàn vì hàm băm nội dung tệp được nhúng vào tên tệp
Chúng ta có thể đổi tên chỉ mục HTML trong React không?HtmlWebpackPlugin mới({ tiêm. đúng, khuôn mẫu. con đường. appHtml, tên tệp. 'mục lục. html',. ) Trong đó bạn chỉ cần thay thế chỉ mục .
Tôi có thể đổi tên chỉ mục HTML không?Đổi tên tệp chỉ mục có thể dẫn đến các liên kết bị hỏng, vì vậy không nên thay đổi chỉ mục. tên tệp html .
Tệp HTML chỉ mục trong React là gì?công khai/chỉ mục. html là tệp HTML chính trong ứng dụng của chúng tôi bao gồm mã React của bạn và cung cấp ngữ cảnh để React hiển thị . Nếu bạn nhìn vào tệp html, bạn có thể thấy . Chúng tôi gọi đây là nút DOM “gốc” vì mọi thứ bên trong nó sẽ được quản lý bởi React DOM. . Chúng tôi gọi đây là nút DOM “gốc” vì mọi thứ bên trong nó sẽ được quản lý bởi React DOM. . Chúng tôi gọi đây là nút DOM “gốc” vì mọi thứ bên trong nó sẽ được quản lý bởi React DOM. . Chúng tôi gọi đây là nút DOM “gốc” vì mọi thứ bên trong nó sẽ được quản lý bởi React DOM. . Chúng tôi gọi đây là nút DOM “gốc” vì mọi thứ bên trong nó sẽ được quản lý bởi React DOM. . Chúng tôi gọi đây là nút DOM “gốc” vì mọi thứ bên trong nó sẽ được quản lý bởi React DOM. . Chúng tôi gọi đây là nút DOM “gốc” vì mọi thứ bên trong nó sẽ được quản lý bởi React DOM. . Chúng tôi gọi đây là nút DOM “gốc” vì mọi thứ bên trong nó sẽ được quản lý bởi React DOM. . Chúng tôi gọi đây là nút DOM “gốc” vì mọi thứ bên trong nó sẽ được quản lý bởi React DOM. . Chúng tôi gọi đây là nút DOM “gốc” vì mọi thứ bên trong nó sẽ được quản lý bởi React DOM. . Chúng tôi gọi đây là nút DOM “gốc” vì mọi thứ bên trong nó sẽ được quản lý bởi React DOM. . Chúng tôi gọi đây là nút DOM “gốc” vì mọi thứ bên trong nó sẽ được quản lý bởi React DOM. . Chúng tôi gọi đây là nút DOM “gốc” vì mọi thứ bên trong nó sẽ được quản lý bởi React DOM. . Chúng tôi gọi đây là nút DOM “gốc” vì mọi thứ bên trong nó sẽ được quản lý bởi React DOM. . Chúng tôi gọi đây là nút DOM “gốc” vì mọi thứ bên trong nó sẽ được quản lý bởi React DOM. . Chúng tôi gọi đây là nút DOM “gốc” vì mọi thứ bên trong nó sẽ được quản lý bởi React DOM. . Chúng tôi gọi đây là nút DOM “gốc” vì mọi thứ bên trong nó sẽ được quản lý bởi React DOM. . Chúng tôi gọi đây là nút DOM “gốc” vì mọi thứ bên trong nó sẽ được quản lý bởi React DOM. . Chúng tôi gọi đây là nút DOM “gốc” vì mọi thứ bên trong nó sẽ được quản lý bởi React DOM. . Chúng tôi gọi đây là nút DOM “gốc” vì mọi thứ bên trong nó sẽ được quản lý bởi React DOM. . Chúng tôi gọi đây là nút DOM “gốc” vì mọi thứ bên trong nó sẽ được quản lý bởi React DOM. . Chúng tôi gọi đây là nút DOM “gốc” vì mọi thứ bên trong nó sẽ được quản lý bởi React DOM. . Chúng tôi gọi đây là nút DOM “gốc” vì mọi thứ bên trong nó sẽ được quản lý bởi React DOM. . Chúng tôi gọi đây là nút DOM “gốc” vì mọi thứ bên trong nó sẽ được quản lý bởi React DOM. . Chúng tôi gọi đây là nút DOM “gốc” vì mọi thứ bên trong nó sẽ được quản lý bởi React DOM. . Chúng tôi gọi đây là nút DOM “gốc” vì mọi thứ bên trong nó sẽ được quản lý bởi React DOM. . Chúng tôi gọi đây là nút DOM “gốc” vì mọi thứ bên trong nó sẽ được quản lý bởi React DOM. . Chúng tôi gọi đây là nút DOM “gốc” vì mọi thứ bên trong nó sẽ được quản lý bởi React DOM. . Chúng tôi gọi đây là nút DOM “gốc” vì mọi thứ bên trong nó sẽ được quản lý bởi React DOM. . Chúng tôi gọi đây là nút DOM “gốc” vì mọi thứ bên trong nó sẽ được quản lý bởi React DOM. . Chúng tôi gọi đây là nút DOM “gốc” vì mọi thứ bên trong nó sẽ được quản lý bởi React DOM. . Chúng tôi gọi đây là nút DOM “gốc” vì mọi thứ bên trong nó sẽ được quản lý bởi React DOM. . Chúng tôi gọi đây là nút DOM “gốc” vì mọi thứ bên trong nó sẽ được quản lý bởi React DOM. . Chúng tôi gọi đây là nút DOM “gốc” vì mọi thứ bên trong nó sẽ được quản lý bởi React DOM. . Chúng tôi gọi đây là nút DOM “gốc” vì mọi thứ bên trong nó sẽ được quản lý bởi React DOM. . Chúng tôi gọi đây là nút DOM “gốc” vì mọi thứ bên trong nó sẽ được quản lý bởi React DOM. . Chúng tôi gọi đây là nút DOM “gốc” vì mọi thứ bên trong nó sẽ được quản lý bởi React DOM. . Chúng tôi gọi đây là nút DOM “gốc” vì mọi thứ bên trong nó sẽ được quản lý bởi React DOM. . Chúng tôi gọi đây là nút DOM “gốc” vì mọi thứ bên trong nó sẽ được quản lý bởi React DOM. . Chúng tôi gọi đây là nút DOM “gốc” vì mọi thứ bên trong nó sẽ được quản lý bởi React DOM. . Chúng tôi gọi đây là nút DOM “gốc” vì mọi thứ bên trong nó sẽ được quản lý bởi React DOM.
Chỉ mục js có giống với chỉ mục HTML không?Chỉ mục. tệp js giống như chỉ mục. tệp html , nếu không có thông số kỹ thuật nào được cung cấp thì thư mục sẽ trỏ tới tệp chỉ mục của nó. Các tệp chỉ mục là tương đương nhau, không quan trọng đó là javascript hay bản in. |