Search
Ask A Question
In Process
Avatar
1
Thành Vương Beginner
Asked At: 1669603458000 In: Spring
Thành Vương Beginner Asked At: 1669603458000 In: Spring
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 ạ?

  • 4 Answers
  • 1358 Views
  • Answer
config-css
Remain: 5
4 Answers
Avatar
monkey Beginner
Added an answer at: 1669604310000
monkey Beginner
Added an answer at: 1669604310000
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
Added an answer at: 1669665154000
monkey Beginner
Added an answer at: 1669665154000
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
Added an answer at: 1669665693000
monkey Beginner
Added an answer at: 1669665693000
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
Added an answer at: 1669666921000
monkey Beginner
Added an answer at: 1669666921000
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
Ask A Question
  • Questions 1.0K
  • Answers 2.2K
  • Best Answers 131
  • Users 486

Related Questions

Recent Activities

Show All Activities

Top Members

Trending Tags

.net .net core .net oop #formatdate abstract class access app access token ai android ansible anti-flooding apache poi api app architecture artificial intelligence assembly async asyncawait atomicboolean authentication backend backend nestjs background bash script batch bean big project binding bitcoin blockchain blog boot-nodes branch btree bucket4j buffered build bundle c# c# .net cache caching callback career career path cast câu hỏi centos chat cloud cloud reliability commit communication computer science concurrent config-css connection pool content-disposition contract controllerservice convert date to number cookie cors cosmos cosmos-sdk crawl data cron css database database migration datasource datastructure datetime deadlock debug decentralized exchange deep learning deploy contract design patterns design-pattern devops dex di distraction programing dns đồ án tốt nghiệp docker download draw.io du học dữ liệu lớn duration eclip editor elasticsearch email erc20 erc721 estimation eth ethereum ethereum login excel excel-object-mapper exception exception handle exception handler executor export compliance extensions exyfox ezyfox ezyfox-boot ezyfox-server ezyfoxserver ezyhttp ezyjpa ezymq-kafka ezyplatform ezyredis facebook fe filter floating point flutter format json freetank front-end frontend fullstack fulltextsearch future gallery game game-box game-room game-server gateway get get file zip git glide go golang gorilla graduation thesis graphql grapql grpc guide h2 database handy terminal hazelcast hibernate hibernateconfig html http https hyperloglog image index indexing integration-test intellij interface io ioc ipfs isolate issue it java java core java spring java web javacore javascript javaw jenkins jetbrains job join jotform jpa jquery js json json file json to object jsonproperty jsp jsp &amp; servlet junit-test jvm jwt kafka keep promise kerberos keycloak kotlin languague laravel library list load balancer load-balancing lock log log4j log4j-core login lỗi font lưu trữ machine learning macos mail mail template main map maria db math maven merge message queue messaging metamask microservice microservices migration mobile model mongo monitoring mq msgpack multi-threading multiple tenant multithread multithreading mysql n naming naming convention nan netcore netty network networking nft nft game nginx nio node.js nodejs non-blocking io null oop opensource optimize oracle orm otp message paginaiton pagination pancakeswap panic partition pdf pgpool phỏng vấn php plugin pointer postgresql postman pre private_key procedure profile programming programming-language project management promise properties push message android push notification push-noti python python unicode qr qrcode question queue rabbitmq react-native reactive reactjs reactjs download readmoretextview recyclerview redis refactor refresh token regex replica repository request resilence4j resource rest restful resttemplate roadmap room database ropssten ropsten round robin rust rxjava s3 schedule scheduled scheduled spring boot search security send email send mail serialization server servlet session shift jis singleton sjis slack smart contract soap socket socket server soft delete solution sosanh spring spring aop spring boot spring data jpa spring redis spring security spring websocket spring websocket cors spring-boot-test spring-jpa springboot springsecurity springwebflux mysql sql sql server sse ssl ssl email stackask storage stream stream api stress test stresstest structure trong spring boot study synchronize synchronized system environment variables tcp test thiết kế tầng trong dự án thread thread pool threadjava threadpool thymeleaf tomcat totp tracking location transaction transfer transfer git udp uniswap unit test unity upload upload file utf-8 file validate validate date vector video call vietqr view volatile vue vue cli vuejs watermark web web3 web3 client webassembly webflux webpack webrtc websocket windows 11 winforms wordpress work xss zip file zookeeper