打开terminal,进入web目录
安装Axios
sudo npm install axios@0.21.0(指定版本号) --save
在Home.vue中把后台数据取到本页面
分别启动前、后端,进行测试
一个技巧:IDEA全局收索:CTRL+SHIFT+F
参考如下代码:
package com.jiawa.wiki.config;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.cors.CorsConfiguration;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
@Configuration
public class CorsConfig implements WebMvcConfigurer {
@Override
public void addCorsMappings(CorsRegistry registry) {
registry.addMapping("/**")
.allowedOriginPatterns("*")
.allowedHeaders(CorsConfiguration.ALL)
.allowedMethods(CorsConfiguration.ALL)
.allowCredentials(true)
.maxAge(3600); // 1小时内不需要再预检(发OPTIONS请求)
}
}
添加后,重启后端应用,可以看到返回数据,在data中