故事情节是这个样的,我用vue-cli4.2.3版本打个包放到远程的服务器上,但是样式都没得了,

Resource interpreted as Stylesheet but transferred with MIME type text/plain

中文意思:  解释为样式表的资源，但使用MIME类型text/plain传输

文本的资源格式被转换了

稍微了解一下,问题就知道出在哪里了

application/octet-stream
这是应用程序文件的默认值。意思是 未知的应用程序文件 ，浏览器一般不会自动执行或询问执行。浏览器会像对待 设置了HTTP头Content-Disposition 值为 attachment 的文件一样来对待这类文件。

text/plain
文本文件默认值。即使它意味着未知的文本文件，但浏览器认为是可以直接展示的。

text/plain并不是意味着某种文本数据。如果浏览器想要一个文本文件的明确类型，浏览器并不会考虑他们是否匹配。比如说，如果通过一个表明是下载CSS文件的<link>链接下载了一个 text/plain 文件。如果提供的信息是text/plain，浏览器并不会认出这是有效的CSS文件。CSS类型需要使用text/css。

text/css
在网页中要被解析为CSS的任何CSS文件必须指定MIME为text/css。通常，服务器不识别以.css为后缀的文件的MIME类型，而是将其以MIME为text/plain 或 application/octet-stream 来发送给浏览器：在这种情况下，大多数浏览器不识别其为CSS文件，直接忽略掉。特别要注意为CSS文件提供正确的MIME类型。

text/html
所有的HTML内容都应该使用这种类型。XHTML的其他MIME类型（如application/xml+html）现在基本不再使用（HTML5统一了这些格式）。

解决办法:

cd  etc/nginx/nginx.conf     在htttp{}中加入

include /etc/nginx/mime.types;
default_type application/octet-stream;

然后 service nginx restart

 

爱分享   爱学习

加油哇