web部署到nginx以后js,css等静态文件加载不正常的解决过程
作者：JackRenEngineer
在Ubuntu中配置Web页面时,JS和CSS文件虽可获取但加载失败,可能因路径错误、服务器配置不当、权限限制或缓存问题导致页面布局异常,需检查文件路径、服务器设置、MIME类型及浏览器控制台错误信息以排查原因
web部署到nginx以后js,css等静态文件加载不正常
在ubuntu中配置web页面时候，可以获取js和css，但是无法加载这些，导致页面布局失效。
解决方法
include /etc/nginx/mime.types; 在http{}内。
http块：可以嵌套多个server，配置代理，缓存，日志定义等绝大多数功能和第三方模块的配置。
如文件引入，mime-type定义，日志自定义，是否使用sendfile传输文件，连接超时时间，单连接请求数等。
什么是MIME-TYPE？
在浏览器中显示的内容有 HTML、有 XML、有 GIF、还有 Flash ...那么，浏览器是如何区分它们，什么内容用什么形式来显示呢？
答案是 MIME Type，也就是该资源的媒体类型。
- 当web服务器收到静态的资源文件请求时，依据请求文件的后缀名在服务器的MIME配置文件中找到对应的MIME Type，
- 再根据MIME Type设置HTTP Response的Content-Type，然后浏览器根据Content-Type的值处理文件。
- 当我们在配置Nginx的时候，缺少mime.types，自然就会出现我们js,css等静态问题加载不正常的问题。
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。