控制台的报错:
基本就是前后端的跨域问题;
小示例: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());