1、表单校验问题
如果配置了具体的校验规则,则需要如有需要在规则中添加 required: true,, 不要使用el-form-item 中的required,否则会出现默认的英文校验提示 例如: XX is required
2、vuecli 3.0 打出来的包部署在环境出现的问题
首先,运行在开发态是正常运行的,其次起后端服务也是没有任何问题的,就是部署在服务器上会出现问题。
报错暂时记不得了,大致是在app.XXXXX.js 中加载 chuck.xxxxx.xxxx.css 失败,报的错误是404,本来以为是打出来的包没有该静态资源。但是看了下,是有这个资源的,但是内容为空。
找了很久的原因也没找到,只能从代码对比上入手了,因为之前放在环境上是正常运行的。
// 源代码
<template>
<div class="device-index">
<router-view></router-view>
</div>
</template>
<script>
export default {
name: 'device-index',
data () {
return {
}
},
}
</script>
<style lang="less" scoped>
.device-index {
height: 100%;
}
</style>
// 更新之后代码
<template>
<!-- <div class="device-index">-->
<!-- </div>-->
<router-view></router-view>
</template>
<script>
export default {
name: 'device-index',
data () {
return {
}
},
}
</script>
<style lang="less" scoped>
/*.device-index {*/
/* height: 100%;*/
/*}*/
</style>
对比两端代码得出,可能是在使用嵌套路由过程中,不能没有任何逻辑和样式表导致的。不知道算不算一个bug。
加个div之后工程正常启动。