自己写的网站,在本地测试时前端页面显示好好的,可是上传到阿里云服务器后,出现了页面排版错乱问题

chrome开调试看一下有没有叹号错误,就知道具体原因了你的描述比较含糊,看来可能是网页新手?
■网友
十有八九是css、图片和js等资源文件的路径因为目录结构的改变而失效,或者连原域名、绝对路径和原IP地址你都写进去,那迁移后你能打开就见鬼了。用Developer Tools右击路径Open link看能不能打开就知道了。还有一种可能性是使用了外部的资源文件,你本地无法下载。比如你使用了墙外CDN的js文件链接,如果那个站点被墙的话,那么你在内地访问如果不翻墙,站点相应的功能也会跟着挂掉。
■网友
请重新对照并且理解一下文件路径和URL的区别
■网友
嘿,我也是这个问题,你先试试换一个浏览器,最好是chrome内核的,我用google chrome就没问题了。
■网友
不知道您的阿里云使用的什么环境呢?Apache、nginx?本地又是什么环境呢?不同的开发环境可能导致路径有所不一样,需要额外的修改配置文件,楼上已经说了应该就是css、js没有加载,可用F12分析一下。
■网友
css样式链接不要用绝对路径。。。
■网友
【自己写的网站,在本地测试时前端页面显示好好的,可是上传到阿里云服务器后,出现了页面排版错乱问题】 我最近也遇到这个问题,自己装了一台CentOS 6.9,yum安装的apache,就有你这个问题。本地浏览没问题,实际上在另一台debian8(apt安装的apahce)也没问题,就是CentOS上有问题。经过折腾,我的处理方式是在apache的配置文件中增加了两行:
AddType text/css .css
AddType application/javascript .js
让apache能把css文件当成css来处理。第二行是为了保险起见加的,因为我这个服务器上也没有关于js的文件格式。


    推荐阅读