1. 程式人生 > >在vue項目npm run build後,index.html中引入css和js 報MIME type問題

在vue項目npm run build後,index.html中引入css和js 報MIME type問題

html 引用 public 總結 瀏覽器中 找到 概率 配置 報錯

問題:

1.在vue項目中,build打包後,index頁面打開會報錯, MIME type (‘text/html‘) ;報錯內容:because its MIME type (‘text/html‘) is not a supported stylesheet MIME type2.控制臺報錯:報錯內容:http://127.0.0.1:5500/static/css/app.04f46711e76646577281177c721d6432.css 這個地址Cannot GET

解決思路:

1.是否是引入沒有添加type=text/css rel="stylesheet" rel="stylesheet" type=text/javascript否,past!

2.是否是資源被攔截了或者沒有找到
在瀏覽器中打開樣式地址,yes,沒找到
3.那麽:
這是路徑問題,導致資源加載失敗,更改配置把引用publicPath改成相對引用 PublicPath: ‘./‘ ,重新build,搞定。

總結:

一般這種問題不會是我們代碼不嚴謹的問題,根源大概率出現在:被攔截或者路徑沒有配對。

在vue項目npm run build後,index.html中引入css和js 報MIME type問題