vue css样式需要刷新才能加载出来

html-css011

vue css样式需要刷新才能加载出来,第1张

最近发现一个比较奇怪的问题，就是在开发vue中，路由点击跳转到另外一个组件中，样式是不出来的，然后刷新当前页面css样式才加载出来，找了好久才发现这个bug。

进入以后样式是这样的：css样式根本没有加载，这是为什么？

刷新了页面以后才可以出来，本身样式也是这样的：

找了半天原因，一点一点测试才发现

原来渲染的组件的父盒子的class='item'居然影响了css样式的内容，很奇怪，把class='item'修改成比如：class='abc'就可以了。

原文地址和更多信息：

https://www.3mooc.com/front/articleinfo/465

您问的是vue css加载502的解决方法吧。

首先确认后端接口确实没有问题2、前端如果配置了nginx，检查nginx是否有问题3、检查服务器防火墙是否开放端口。