Avatar
1
Thành Vương Beginner
Thành Vương Beginner
Bug sai đường dẫn khi config ckeditor lên live
Em đang làm cho dự án thì khi config ckeditor chạy trên uat thì vẫn chạy được nhưng khi đưa lên live lại dính lỗi because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

Theo như em thấy thì cái đường dẫn css nó bị thay đổi dẫn đến nó không nhận cái css của ckeditor.

ở UAT đường link đó là:

+ :8080/js/vendor/CKFinderJava/ckeditor/skins/moono-lisa/editor.css?t=H5SC Nhưng khi lên live thì lại là:

+ .com.vn/review/mail/skins/moono-lisa/editor.css?t=H5SC

Nó bị mất js/vendor/CKFinderJava/ckeditor/ và ghi đè lên đó là /review/mail/

Không biết em cần config như nào để không bị như vậy ạ?

  • Answer
config-css
Remain: 5
4 Answers
Avatar
monkey Beginner
monkey Beginner
em đang dùng thymeleaf nhỉ? Em có thể paste lên đây đoạn em dùng thẻ link để import css không em? Ví dụ:

<link <span>rel</span>="<span>stylesheet</span>" <span>href</span>="<a class="html-attribute-value html-resource-link" href="https://www.w3schools.com/lib/w3schools30.css" target="_blank" rel="noopener nofollow ugc">/lib/w3schools30.css</a>">

Anh đang hiểu là ở dưới local em đang chạy thông qua tomcat, dẫn đến app của em nó bị ném vào thư mục webapps của tomcat, và bị thêm path vào url, path ở đây chính là tên project của em, nhưng khi lên môi trường thật thì app lại được deploy ở dạng root app, tức là không bị thêm path nữa, mà trong css em lại import cả path chính là tên project nên dẫn đến bị sai

  • 0
  • Reply
Anh chờ em ngày mai với ạ. import thì có file config trỏ vào ạ. Còn local thì đúng là chạy tomcat ạ. Nhưng local nó không bị thêm cái path /review/mail/ này nên nó đúng. Còn live thì nó lại thêm cái path /review/mail/ và nó còn đè lên đoạn path khác nên dẫn đến bị sai ạ.  –  Vương Võ Thành 1669610533000
Ok em  –  tvd12 1669619544000
Uncaught TypeError: Cannot set properties of undefined (setting 'dir')
    at Object.d (ckeditor-4788953018ee5b3204db3dea4b81ab7d.js:245:54)
    at f (ckeditor-4788953018ee5b3204db3dea4b81ab7d.js:246:177)
    at Array.C (ckeditor-4788953018ee5b3204db3dea4b81ab7d.js:246:332)
    at w (ckeditor-4788953018ee5b3204db3dea4b81ab7d.js:246:416)
    at A.CKEDITOR.env.ie.f.$.onerror (ckeditor-4788953018ee5b3204db3dea4b81ab7d.js:247:363)

Nó có cả lỗi này nữa ạ

 –  Thành Vương 1669662137000
Avatar
monkey Beginner
monkey Beginner
Em đang ckeditor bản 4 hay 5 nhỉ?
  • 0
  • Reply
Dạ 4 ạ.  –  Thành Vương 1669665579000
Và theo như a nói do tomcat với deploy lên nó khác ấy ạ. cái đó e phải sửa lại như nào ạ  –  Thành Vương 1669665775000
Avatar
monkey Beginner
monkey Beginner
Em có dùng spring boot không? Hay là dúng spring-webmvc thông thường sau đó chạy qua tomcat?
  • 0
  • Reply
Dạ em dùng Spring boot ạ.  –  Thành Vương 1669665986000
						public class WebMvcConfig extends WebMvcConfigurerAdapter {

	@Override
	public void addResourceHandlers(ResourceHandlerRegistry registry) {
		registry.addResourceHandler("/ckfinder/**").addResourceLocations("classpath:/static/js/vendor/CKFinderJava/ckfinder/");
		registry.addResourceHandler("/ckeditor/**").addResourceLocations("classpath:/static/js/vendor/CKFinderJava/ckeditor/");

Em nghĩ e đang sai ở đoạn này. Local thì được nhưng lên sever thì mất /js/vendor/CKFinderJava

 –  Thành Vương 1669667214000
Avatar
monkey Beginner
monkey Beginner
Nếu em dùng spring boot, vậy em sẽ không cần dùng thêm tomcat nữa mà dùng trực tiếp bằng java -jar app.jar luôn, ví dụ đây là config của anh:
@Configuration
@EnableWebMvc
public class MvcConfig implements WebMvcConfigurer {
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry
            .addResourceHandler("/**")
            .addResourceLocations("classpath:static/");
    }
}

Thì anh sẽ ném cả cái ckeditor vào trong thư mục [project]/src/main/resources/static. Thì lúc sau anh chỉ cần import vào file html kiểu:

<span><script <span>src</span>="ckeditor/ckeditor.js"></span><span></script></span>

Là được em ạ.

  • 0
  • Reply
Lúc đưa lên live nó không được ạ.  –  Thành Vương 1669668387000
Em có thể chi tiết xem bọn em đang deploy kiểu gì không em?  –  monkey 1669669161000
Dạ e hoàn thành được rồi ạ. Thanks a  –  Thành Vương 1669749732000