关于跨域时遇到的一些小问题的解决

控制台的报错：

基本就是前后端的跨域问题；

小示例：veu出问题的地方put

submitForm(formName) {
				const that = this;
				this.$refs[formName].validate((valid) => {
					if (valid) {
						axios.put('http://localhost:8181/book/update', this.ruleForm).then(function(resp) {
							that.$router.push("/two");
							if (resp.data == 'success') {
								that.$alert('修改成功', 'new', {
									confirmButtonText: '确定',
									callback: action => {
										that.$router.push("/one");
									}
								});

							}
						})
					} else {
						console.log('error submit!!');
						return false;
					}
				});
			},

解决办法：在后端增加一个配置类，解决跨域问题

.allowedMethods("GET","HEAD","POST","DELETE","OPTIONS")

@Configuration
public class CrosConfig implements WebMvcConfigurer {


    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
                .allowedOriginPatterns("*")
                .allowedMethods("GET","HEAD","POST","DELETE","OPTIONS")
                .allowCredentials(true)
                .maxAge(3600)
                .allowedHeaders("*");
    }
}

另外就是在前端 进入terminal终端

npm i koa2-cors -D（不推荐）

然后在js中加入

const cors = require('koa2-cors');
app.use(cors());