技术栈

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

彭世瑜2024-06-17 17:53

目录

    • 问题描述
    • 问题解决

问题描述

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

问题解决

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

复制代码
Content-Type: text/plain

正确的应该是

复制代码
Content-Type: text/css

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

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

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

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

上一篇:SAR复数图像
下一篇:长期保存红酒的挑战与应对策略
相关推荐
小菜全
31 分钟前
打包 Uniapp
javascript·vue.js·html5
feifeigo123
2 小时前
在Ubuntu上配置Nginx实现开机自启功能
数据库·nginx·ubuntu
jingling555
3 小时前
uniapp | 解决组件样式不生效问题
前端·css·uni-app·html·学习方法
小高007
3 小时前
🔥🔥🔥Vue部署踩坑全记录:publicPath和base到底啥区别?99%的前端都搞错过!
前端·vue.js·面试
luckyzlb
3 小时前
02- html && css
前端·css·html
lozhyf
3 小时前
固定资产管理系统(vue+Springboot+mybatis)
vue.js·spring boot·mybatis
startdrift1106
4 小时前
docker run 命令,不接it选项,run一个centos没有显示在运行,而run一个nginx却可以呢?
nginx·docker·centos
DN金猿
4 小时前
学习nginx location ~ .*.(js|css)?$语法规则
nginx
热门推荐
012025 年高教社杯全国大学生数学建模竞赛C 题 NIPT 的时点选择与胎儿的异常判定 完整成品思路模型代码分享,全网首发高质量!!!022025年数学建模国赛C题超详细解题思路032025全国大学生数学建模C题保姆级思路模型(持续更新):NIPT 的时点选择与胎儿的异常判定042025高教社杯国赛数学建模选题建议+初步分析052025国赛B题保姆级教程思路分析 碳化硅外延层厚度的确定06UV安装并设置国内源07KGG转MP3工具|非KGM文件|解密音频08(E题|AI 辅助智能体测)2025年高教杯全国大学生数学建模国赛解题思路|完整代码论文集合09奈飞工厂官网,国内Netflix影视在线看|中文网页电脑版入口10不再让Windows更新!&Edge游戏助手卸载及关闭自动更新