Lỗi khi load web

#1

Chào cả nhà, mình bị lỗi này khi load trang, nội dung vẫn lên nhưng tất cả css và js đều không load được, đây là 1 thông báo lỗi. Trên Coccoc và Firefox đều lỗi cả.

Refused to execute script from ‘http://localhost:8080/controller/resources/vendor/assets/js/jquery-3.3.1.min.js’ because its MIME type (‘text/html’) is not executable, and strict MIME type checking is enabled.

Ai biết lỗi này chỉ mình với.

#2 
<script type="text/javascript" src="..." />

Chú ý chỗ type="text/javascript", chỗ này có khác gì với của bạn không?

2 Likes
#3

Mình đã thử thêm rồi bỏ đi nhưng vẫn báo như vậy bạn à.

#4

Cái cần là code của bạn nhưng có thấy đâu ?

1 Like
#5

Bạn thiếu rất nhiều dữ kiện

  • Bạn xài framework gì? (JavaEE, Spring Framework, Struts, JSF,…)
  • Code của bạn (Controller bạn gọi, Config nếu có)
  • Nếu bạn dùng Spring thì có cài Spring Security hay không? Config thế nào?

Vì không có dữ kiện gì cả nên bạn có thể Google “Refused to execute script because its MIME type (‘text/html’) is not executable + <framework>”
VD: Refused to execute script because its MIME type (‘text/html’) is not executable Spring

VD về cách đặt câu hỏi và cả câu trả lời trên Stackoverflow:

Người hỏi câu này đã miêu tả cụ thể mình dùng Spring có cài Spring Security, dựa trên một tutorial trên mạng. Người này cũng thử fix nhưng không như ý vì muốn sử dụng Security và đưa ra code gồm project structure, main class, config, html file và pom.xml

3 Likes
#6

Xin lỗi vì đã thiếu thông tin. Mình dùng Spring và có dùng Spring sercurity. Project gồm 2 phần, admin và user (sử dụng 2 theme khác nhau), admin mình làm trước và không có lỗi này, lỗi chỉ xuất hiện khi làm đến user và khi đó truy cập vào admin cũng bị như vậy luôn.

Dưới đây là trang home của user

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="tile" uri="http://tiles.apache.org/tags-tiles"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<!--=== Favicon ===-->
<link rel="shortcut icon" href="assets/img/icon.ico" type="image/x-icon" />
<title>abc</title>

<!--=== Bootstrap CSS ===-->
<link
href="${pageContext.request.contextPath }/resources/vendor/assets/css/bootstrap.min.css">  

<link
href="${pageContext.request.contextPath }/resources/vendor/assets/css/plugins/hover.css">
<!--=== SlickNav CSS ===-->
<link
href="${pageContext.request.contextPath }/resources/vendor/assets/css/plugins/slicknav.css">
<!--=== Animate CSS ===-->
<link
href="${pageContext.request.contextPath }/resources/vendor/assets/css/plugins/animate.css">
<!--=== Owl Carousel CSS ===-->
<link
href="${pageContext.request.contextPath }/resources/vendor/assets/css/plugins/owl.carousel.css">
<!--=== Font-Awesome CSS ===-->
<link
href="${pageContext.request.contextPath }/resources/vendor/assets/css/font-awesome.css">
<!--=== Theme Reset CSS ===-->
<link
href="${pageContext.request.contextPath }/resources/vendor/assets/css/reset.css">
<!--=== Main Style CSS ===-->
<link
href="${pageContext.request.contextPath }/resources/vendor/assets/css/style.css">
<!--=== Responsive CSS ===-->
<link
href="${pageContext.request.contextPath }/resources/vendor/assets/css/responsive.css">
<!--=== logo slide ===-->
<link
href="${pageContext.request.contextPath }/resources/vendor/assets/css/logoslider.css">
</head>
<body>
<!--Nội dung-->
....
<!--=== Jquery Min Js ===-->
<script
	src="${pageContext.request.contextPath }/resources/vendor/assets/js/jquery-3.3.1.min.js" type="text/javascript"></script>
<!--=== Jquery Migrate Min Js ===-->
<script
	src="${pageContext.request.contextPath }/resources/vendor/assets/js/jquery-migrate.min.js" type="text/javascript"></script>
<!--=== Popper Min Js ===-->
<script
	src="${pageContext.request.contextPath }/resources/vendor/assets/js/popper.min.js" type="text/javascript"></script>
<!--=== Bootstrap Min Js ===-->
<script
	src="${pageContext.request.contextPath }/resources/vendor/assets/js/bootstrap.min.js" type="text/javascript"></script>
<!--=== Owl Carousel Min Js ===-->
<script
	src="${pageContext.request.contextPath }/resources/vendor/assets/js/plugins/owl.carousel.min.js" type="text/javascript"></script>
<!--=== Waypoint Min Js ===-->
<script
	src="${pageContext.request.contextPath }/resources/vendor/assets/js/plugins/waypoints.min.js" type="text/javascript"></script>
<!--=== Counterup Min Js ===-->
<script
	src="${pageContext.request.contextPath }/resources/vendor/assets/js/plugins/counterup.min.js" type="text/javascript"></script>
<!--=== Parallax Min Js ===-->
<script
	src="${pageContext.request.contextPath }/resources/vendor/assets/js/plugins/parallax-1.1.3.js" type="text/javascript"></script>
<!--=== SlickNav Min Js ===-->
<script
	src="${pageContext.request.contextPath }/resources/vendor/assets/js/plugins/jquery.slicknav.min.js" type="text/javascript"></script>

<!--=== Mian Js ===-->
<script
	src="${pageContext.request.contextPath }/resources/vendor/assets/js/main.js" type="text/javascript"></script>

<script
	src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.js"></script>

<script type="text/javascript">
	$(document).ready(function() {
		$('.customer-logos').slick({
			slidesToShow : 5,
			slidesToScroll : 1,
			autoplay : true,
			autoplaySpeed : 2000,
			arrows : false,
			dots : false,
			pauseOnHover : false,
			responsive : [ {
				breakpoint : 768,
				settings : {
					slidesToShow : 4
				}
			}, {
				breakpoint : 520,
				settings : {
					slidesToShow : 3
				}
			} ]
		});
	});
</script>
</body>
</html>

Config của Spring security

    <http auto-config="true">
	 <intercept-url pattern="/css/**" access="permitAll()" />
	<intercept-url pattern="/js/**" access="permitAll()" />
	<intercept-url pattern="/*" access="permitAll" />
	<intercept-url pattern="/admin/loginform" access="isAnonymous()" />
	<intercept-url pattern="/admin/login" access="isAnonymous()" />
	<intercept-url pattern="/login" access="isAnonymous()" />
	<intercept-url pattern="/admin/*" access="isAuthenticated()" />
	<form-login login-page="/admin/loginform"
			authentication-failure-url="/admin/loginform?error=true" />
	<logout logout-url="/logout" logout-success-url="/" />
	<access-denied-handler error-page="/admin/403" />
    </http>

Controller của user: (mình có 2 controller cho user và admin)

@Controller
public class UserzController {

	@RequestMapping(value = "/", method = org.springframework.web.bind.annotation.RequestMethod.GET)
	public String index(Model model){

		return "index";
	}

}

Đã làm theo hướng dẫn của @SakaDream nhưng không được.
Các bạn chỉ giúp, cám ơn.

83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?