很久没有用过Bootstrap了，因为有一个小的需求，需要用一下bootstrap展现一个很简单的页面，但在本地导入bootstrap的js和css文件时发现所有的样式文件都没有生效，一直纳闷，还以为是bootstap版本的问题，从bootstrap3换成4还是一样不起作用，最后实在没招，又怀疑是不是少引用了文件或什么资源，因为本地的环境有点特殊，不是所有外网都可以访问,但排查可都不是问题原因，真是奇怪，因为css和js文件在源代码中都是可以加载的，点击link的链接都可以访问这些资源，可就是页面展现不起作用。本文地址:http://www.04007.cn/article/1247.html,未经许可,不得转载.
换了一个方法，使用bootstrap官网上的示例，引用了CDN的资源，发起生效了。于是直接将CDN的资源下载下来放到本地引用，又是一样不起作用，问题出在哪里呢？难道是nginx的资源输出有问题吗？本文地址:http://www.04007.cn/article/1247.html,未经许可,不得转载.
查看资源文件的响应信息，于是把nginx的配置看了一遍，我的css文件和js文件响应里 Content-Type:的值通通是 text/plain，这就是问题了。于是想到了以前的nginx文件里总会有的关于mime.types一行，检查发现确实没有这个配置，于是将其放至nginx.conf的http模块中重启nginx，css文件响应的Content-Type:text/css，这次正常了。 nginx.conf的http模块添加了配置如下，当然起作用的就是mime.types，里面有大量的各种文件后缀对应的响应Content-Type。本文地址:http://www.04007.cn/article/1247.html,未经许可,不得转载.
include mime.types; default_type text/html;本文地址:http://www.04007.cn/article/1247.html,未经许可,不得转载.
本文地址:http://www.04007.cn/article/1247.html 未经许可,不得转载. 手机访问本页请扫描右下方二维码.
|
|
手机扫码直接打开本页面 |
