Vue打包部署到Nginx时,css样式不⽣效的解决⽅式
今天在将使⽤Vue-cli编写的前端项⽬部署到Nginx的时候发⽣了⼀件很困扰的问题：
Vue-cli项⽬在本地使⽤ npm run dev的时候，页⾯样式是可以正常加载出来的，但是我将Vue-cli项⽬通过npm run build 打包⽣成的 dist ⽬录部署到Nginx之后，通过访问是⽆法加载出来样式的。
于是乎，在⽹上开始寻资料，发现⼤部分前辈的解决⽅案都是在，config的⽂件夹中的index.js
assetsRoot: solve(__dirname, '../dist'),
assetsSubDirectory: 'static',
assetsPublicPath: './',
把assetsPUblicPath修改为 ./
但是，我修改完毕之后呢，还是重新打包前端⽂件，重启Nginx服务器，但是还是显⽰不出来样式，不经意的看了⼀眼浏览器调试⼯具中的Console，发现：
哎呀，这不是前端⽂件在被浏览器进⾏渲染的时候，是当做普通⽂本内容来进⾏渲染了，并不是按照js、css来进⾏渲染，是类型的错误，于是乎，翻阅资料，是Nginx配置的问题，只需要在Nginx配置⽂件中加上以下两⾏就搞定了问题：nginx部署前端项目
pes;
default_type application/octet-stream;
重启Nginx服务，嗯哼哼，css样式出来了，完事，~~~~~
以上这篇Vue打包部署到Nginx时,css样式不⽣效的解决⽅式就是⼩编分享给⼤家的全部内容了，希望能给⼤家⼀个参考，也希望⼤家多多⽀持。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。