css 未载入，因为它的 MIME 类型 "text/html" 不是 "text/css"

在做一个vue的练习，index.html引入css文件未生效，报如下错误：图片说明

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>vue-router</title>
    <link rel="stylesheet" type="text/css" href="./public/font_twplnpcw1f/iconfont.css">
    <style>
      *{
        margin: 0;
        padding: 0;
      }
    </style>
  </head>
  <body>
    <div id="app"></div>
  </body>
</html>

百度找了好久，无法解决，遂提问，望大神解答

用了vue脚手架，你这个样式是在index.html里面引入的？全局样式直接在app.vue里面import进去

你加一个type属性 type="text/css"

你是使用什么浏览器导致的这个问题，IE吗？谷歌可以正常打开吗？我感觉像是浏览器兼容问题
建议这样解决，把头文件改成这样：