為何會出現Refused to apply style from because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled

參考文章

💓Vue教學1-透過vue.js用少少的語法，實現厲害特效

💓使用vue ,express, ejs 結合node.js，實作一個MVC架構簡易網頁

為何會出現以下錯誤?

Refused to execute script from 'http://127.0.0.1:5001/static/vue.js' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.

Refused to apply style from 'http://127.0.0.1:5001/static/ex_index.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled

答案是因為路徑設定不正確，

請確定server的路徑設定為何?

app.use(express.static(path.join(__dirname, '/views/static'))) //設定絕對路徑

之後再去比較看看你各個html或ejs檔案匯入的css和js文件路徑為何?

<link href="/ex_index.css" rel="stylesheet">

<script src="/vue.js"></script>

本例出錯原因>>

在server已經打了/static路徑，卻在ejs檔案中匯入css和js時，又加了/static路徑。

<link href="/static/ex_index.css" rel="stylesheet">

<script src="/static/vue.js"></script>

所以會變成/views/static/static/ex_index.css，因此錯誤。