01/10/2018, 14:02

Lỗi đường dẫn đến file css, js

Các bác cho e hỏi e đẫn đường link tới file css sao nó toàn bị lỗi ạ , bác nào biết chỉ e với, khi e ấn ctrl + click trên đg link thì nó vẫn hiên trang css đấy

Hung viết 16:07 ngày 01/10/2018

Thế là xong luôn Project

background: none !important;
padding: 0 !important;
Nguyễn Ngọc Lâm viết 16:06 ngày 01/10/2018

e comment cả đoạn đấy vào chạy vẫn lỗi thế

Vô Thin viết 16:17 ngày 01/10/2018

Mình thì chẳng biết gì về Java, nhưng thấy hình chụp màn hình bạn gửi có lẽ liên quan đến cấu hình Java, hình như bài này giải quyết vấn đề của bạn.

Phan Bá Hải viết 16:14 ngày 01/10/2018

Của mình thì chạy bình thường

Request

Project structure

  • Đưa static resources (html, css, js, lib,… ) ra thư mục webapp
  • Trỏ css theo cú pháp <link rel="stylesheet" href="./path/to/file.css"> và js <script src="./path/to/file.js"></script>

Nếu bạn trỏ path là ../ thì nó trỏ đến root của server (http://localhost:8080) chứ không phải trỏ đến path của webapp ( VD: http://localhost:8080/resource-not-found)

P/S: Mình cũng thử tách header và footer ra thành file riêng, vẫn hoạt động bình thường

Nguyễn Ngọc Lâm viết 16:02 ngày 01/10/2018

cảm ơn bác ạ

Nguyễn Ngọc Lâm viết 16:02 ngày 01/10/2018

Bác cho e hỏi nếu e vẫn giữ nguyên vị trí thư mục thì cái đg link mình phải sửa thế nào ạ

Nhím Xù viết 16:13 ngày 01/10/2018

Bạn bỏ luôn “…/” xem được không. Bạn “View page source” rồi xem link xuất ra như thế nào để điều chỉnh là tốt nhất.

Nguyễn Ngọc Lâm viết 16:05 ngày 01/10/2018

nếu thư mục file e vẫn giữ nguyên thì bỏ đi k đc bác ạ

Phan Bá Hải viết 16:09 ngày 01/10/2018

Bạn mở tab network, F5 trang rồi nhấn file css giống mình đấy, view page source thấy chưa chắc status 200, xem url để biết nó gọi request đến resource ở đâu

Phan Bá Hải viết 16:04 ngày 01/10/2018

Bạn thử trỏ ./ như cmt trên thử xem

Nguyễn Ngọc Lâm viết 16:13 ngày 01/10/2018

em làm theo cách của bác ở trên chạy đc rồi ạ , nhưng e muốn hỏi là thư mục file của e vẫn giữ nguyên là e để trong WEB-ÌN thì đường link sẽ như nào ạ , vì cách của bác thì bỏ hết file ra ngoài webapp

Nhím Xù viết 16:18 ngày 01/10/2018

Bạn nên chỉ rõ trang bạn đang chạy và bị lỗi nằm ở thư mục nào nhé, trong woocommerce?

Phan Bá Hải viết 16:06 ngày 01/10/2018

Thì bạn cứ giữ file, chỉnh link css và src js dùng ./ thay vì ../

Hung viết 16:04 ngày 01/10/2018

Cách viết chuỗi hardcode trong attribute href của <link> không khuyến khích.
Bạn nên dùng JSTL Tag (hi vọng chính xác) để thay thế các <link>, trong các framework khác gọi là View Helper Function, JSP đặt lại cái tên lạ hoắc.

Nguyễn Ngọc Lâm viết 16:06 ngày 01/10/2018

Có bác nào biết config spring boot kết hợp với struts 2 và tiles không e hỏi đc k ạ

Trọng Nguyễn viết 16:11 ngày 01/10/2018

Bạn thử dùng ~/ thay vì …/ xem, mình cũng gặp lỗi như vậy khi build asp.net lên server

Phan Bá Hải viết 16:18 ngày 01/10/2018

~/ dùng bên ASP.NET trỏ đường dẫn gốc của Application. Hình như nó chỉ dùng trong Razor thôi, HTML và JSP bên Java không có cái này (Java phải config resource, hoặc dùng base tag)

<base href="${pageContext.servletContext.contextPath}/" />

Bài liên quan
0