Nginx部署Vue项目css文件能加载但是不生效

目录

问题描述

Nginx部署打包后的Vue项目css文件能加载但是不生效,

问题解决

查看响应标头,发现不对劲,

复制代码
Content-Type: text/plain

正确的应该是

复制代码
Content-Type: text/css

根本原因是nginx没有告诉浏览器正确的文件类型

所以在nginx配置文件上引入一个类型文件就可以

bash 复制代码
http {
    include mime.types;
}

重启nginx后,css文件生效,显示正常了

相关推荐
拾光拾趣录9 分钟前
CSS常见问题深度解析与解决方案(第三波)
前端·css
markyankee10130 分钟前
Vue 响应式系统全面解析:从基础到高级实践
vue.js
就爱瞎逛1 小时前
TailWind CSS Intellisense 插件在VSCode 上不生效
前端·css·vscode·tailwind
柚子8161 小时前
sibling-index:我用这个画时钟表盘
前端·css
翻滚吧键盘3 小时前
{{ }}和v-on:click
前端·vue.js
上单带刀不带妹3 小时前
手写 Vue 中虚拟 DOM 到真实 DOM 的完整过程
开发语言·前端·javascript·vue.js·前端框架
Q_970956394 小时前
java+vue+SpringBoo校园失物招领网站(程序+数据库+报告+部署教程+答辩指导)
java·数据库·vue.js
翻滚吧键盘4 小时前
vue 条件渲染(v-if v-else-if v-else v-show)
前端·javascript·vue.js
叹一曲当时只道是寻常5 小时前
vue中添加原生右键菜单
javascript·vue.js
markyankee1017 小时前
Vue.js 入门指南:从零开始构建你的第一个应用
vue.js