SpringBoot与Vue前后端分离（持续更新）

Vue初创建

1. 安装Vue-cli（脚手架）： npm install -g @vue/cli
2. 使用Vue-cli创建项目：vue create hello-world

跨域问题

什么是跨域
跨域（CORS）：指不同域名之间相互访问。跨域，指的是浏览器不能执行其他网站的脚本，它是由浏览器的同源策略所造成的，是浏览器对于JavaScript所定义的安全限制策略。

跨域产生的原因
导致跨域的因素：（有一个因素就会产生跨域）

1. 非同一协议
2. 非同一IP
3. 非同一端口

解决方案
前端解决方案

1. 使用JSONP方式实现跨域调用；
2. 使用NodeJS服务器做为服务代理，前端发起请求到NodeJS服务器， NodeJS服务器代理转发请求到后端服务器；

后端解决方案

1. nginx反向代理解决跨域
2. 服务端设置Response Header(响应头部)的Access-Control-Allow-Origin
3. 在需要跨域访问的类和方法中设置允许跨域访问（如Spring中使用@CrossOrigin注解）；
4. 继承使用Spring Web的CorsFilter（适用于Spring MVC、Spring Boot）
5. 实现WebMvcConfigurer接口（适用于Spring Boot）

忽略某个字段，不展示给前端：给entity字段@JsonIgnore

SpringSecurityConfig配置

JWT（轻量级身份认证规范）

一些错误的解决办法

• 无法找到加载主类：mvn clean install
• properties中文乱码：setting里打勾
• MySQL8对应配置：com.mysql.cj.jdbc.Driver，以及Druid1.2
• MySQL5对应配置：com.mysql.jdbc.Drive，以及Druid1.1