做项目过程中遇到的小bug

1、问题描述：添加数据时加不进去，会报错

解决方案：数据库表主键没有设置自动递增

2、问题描述：id没有从1开始递增

解决方案：

3、问题描述：
解决方案：
报这个错是因为赋值类型问题,我使用的是elementUlQ框架的el-table组件来开发的。里面中的tableData接收的是一个数组， 你不能给它一个对象或者其它类型的， 不然就会报这个错误,这种报错在使用elementUI框架的表单el-form:model="form"时也会常出现这种报错问题


4、跨域问题
No ‘Access-Control-Allow-Origin‘ header is present on the requested resource关于vue跨域问题

一、可以让后端接口或配置文件里添加跨域代码

header('Access-Control-Allow-Origin:*');//允许所有来源访问
header('Access-Control-Allow-Method:POST,GET');//允许访问的方式
//或者过滤器中添加
httpResponse.setHeader("Access-Control-Allow-Origin","*");
httpResponse.setHeader("Access-Control-Allow-Credentials", "true");
httpResponse.setHeader("Access-Control-Allow-Methods", "POST, PUT, GET, OPTIONS, DELETE");

二是可以前端设置代理
找到config文件夹下的index.js文件，然后找到dev下的proxyTable{}

 proxy: {
"/test": {
	target: "http://www.baidu.com/",   //这里设置需要请求的接口地址
	changeOrigin: true
    }
}

或者是另一种配置： 同样是更改config/index.js的配置文件

module.exports = {
  dev: {
  	proxyTable: {
		'/test/: {
			target: 'http://www.baidu.com/',
			changeOrigin: true,
			pathRewrire: {
				'^/test': ''
			}
		}
	}
  }
 

5、问题描述：
报错：mybatis java sql_mybatis java.sql.SQLSyntaxErrorException: You have an error in your SQL syntax；

解决方案：有重复字段，需要修改，将desc改为mark就解决了问题,要将后端代码的每一部分都记得修改

navicat:

6、点击新增确认按钮报错

解决方案：没有传值过去，

一开始绑定了一个空对象，没有获取到clientId，所以没将值传递过去

7、类型对不上，将数据库date设为varchar数据类型即可

8、问题描述



update 最后一个id传的是空的,所以更新不到数据

解决办法：

9、要将put的传参改为data,否则会报操作失败

9、问题描述

粗心，没用空格隔开！

10、问题描述
一直报transferId未找到，原因是没把获取到的值传给form

11、


12、
13、
14、日期格式化
1、首先 npm install moment
2、


3、
4、效果