线上环境的 bug 踩坑

el-switch

el-switch没响应，估计是他的bug

img的src的http

现象：线下版本图片显示正常，上线后所有图片显示不正常。
原因：后端返回的图片url是http+ip的，而chrome不支持在https环境下访问http，导致报错。
解决：后端解决

vue打包后页面空白

打开f12报

<noscript>
	<strong>
		We're sorry but deep-learning doesn't work properly without JavaScript enabled. Please enable it to continue.
	</strong>
</noscript>

解决方法是：

1. 将路由改为hash方式
2. 在vue.config.js中加上 publicPath:'./'

	module.exports = {
	  publicPath:'./',
	}

解释一下publicPath的含义：

webpack 提供一个非常有用的配置，该配置能帮助你为项目中的所有资源指定一个基础路径，它被称为公共路径(publicPath)。

opacity 透明度问题

项目中如果使用opacity:90%打包后会自动变成opacity:1%（几乎全透明）
原因是opacity的值范围应该是0~1，要规范
预处理器无视了百分号，把90这个值clip到1，又把百分号加上去导致的1%

界面显示bug

其他同学console.log报错，线下正常显示，线上出事
不要放过可复现的error

el-button BUG

第三方组件的，比较麻烦。
问题：用了他的自定义颜色（给个颜色，他自动计算hover的颜色）。线下是正常的，打包的也正常，上线后字体颜色异常。只能通过他的class改。