1,本地项目利用WebStrom做开发,vue框架;
2,项目在开发模式下运行(npm run dev),各功能表现的按照预期,主流浏览器(chrome, firefox, QQ, 360, 搜狗)兼容性良好;
3,打包(npm run build)在项目根目录下生成dist文件夹;
4,将dist文件夹放在本地的nginx下的html文件夹下,在nginx的配置文件中加入虚拟服务器节点信息,在本机上访问,各主流浏览器(chrome, firefox, QQ, 360, 搜狗)的访问效果和项目在开发模式下运行(npm run dev)是相同的;
5,将dist文件夹压缩(7-Zip打包成.tar文件),通过rz -be上传到Linux服务器,放在nginx的html下,tar -xvf 解压,Linux上服务器nginx配置信息和版本与本地nginx的信息都是一致的。此时访问Linux服务器上的页面,chrome与firefox、搜狗浏览器表现正常,与本地开发模式下运行效果无异;IE, QQ,360浏览器在字体、滚动条和textarea的placeholder上面,显示效果不同,textarea在输入时还有卡顿现象。
请问可能是什么原因,怎么排查?
从你问题描述看,并没有确认IE浏览器访问开发模式是否正常? 请先确认一点,如果IE浏览器访问开发模式或者本地nginx也不正常,这就是最常见的IE兼容问题,需要你的代码对IE浏览器做特殊处理。 如果IE浏览器访问开发模式或者本地nginx都正常,但访问服务器nginx才不正常,这就比较奇怪了,可以比较一下从服务器nginx获取的html和本地nginx获取的html有什么不同,根据不同再来分析,一般来说,不太可能html一致,却一个正常一个不正常。