npm install axios --save
安装,//发送get请求
axios.get("http://localhost:8880/ebook/list?name=Vue").then((response) => {
console.log(response);
});
@Configuration
public class CorsConfig implements WebMvcConfigurer {
@Override
public void addCorsMappings(CorsRegistry registry) {
registry.addMapping("/**") //映射请求地址,针对所有接口
.allowedOrigins("*") //允许来源所有
.allowedHeaders(CorsConfiguration.ALL)
.allowedMethods(CorsConfiguration.ALL)
.allowCredentials(true) //允许携带凭证sessionId,cookie
.maxAge(3600);//1小时内不需要再预检(发OPTIONS请求)
}
}
const ebooks = ref();
ebooks.value = response.data.content;
const ebooks1 = reactive({books: []});
ebooks1.books = response.data.content;
...
return {
ebooks,
ebooks2: toRef(ebooks1, "books")
}
"scripts": {
"serve-dev": "vue-cli-service serve --mode dev",
"serve-prod": "vue-cli-service serve --mode prod",
"build-dev": "vue-cli-service build --mode dev",
"build-prod": "vue-cli-service build --mode prod",
"lint": "vue-cli-service lint"
},
/**
* axios拦截器
*/
axios.interceptors.request.use(function (config) {
console.log('请求参数:', config);
return config;
}, error => {
return Promise.reject(error);
});
axios.interceptors.response.use(function (response) {
console.log('返回结果:', response);
return response;
}, error => {
console.log('返回错误:', error);
return Promise.reject(error);
});
过滤器用过吗?有什么用?
配置过滤器打印接口耗时。
过滤器Filter为J2EE Servlet组件,使用时实现Filter接口,重写其中的doFilter方法,对请求和响应进行统一拦截,
过滤器能注入类吗?
可以
过滤器和拦截器有什么区别?
拦截器是Spring框架特有的,用于登录校验,权限校验,请求日志打印。分为preHandle和postHandle,preHandle返回true才会向后执行,还需要增加一个全局配置类
而过滤器只在doFilter方法编写逻辑。
执行顺序是过滤器先于拦截器。过滤器的范围更大,因为它在tomcat容器内,然后再进入到容器内的springboot应用中
拦截器能注入类吗?
可以,@Component注解将拦截器注成一个 bean。然后使用@Autowired注解将类注入到拦截器
是否用过AOP?一般用来做什么?
AOP是面向切面编程,采用横向抽取机制,取代传统纵向继承机制,将业务无关的代码解耦,适用于性能监视,操作日志的记录,权限校验等。横向抽取即通过代理向目标方法织入增强方法。
AOP的切点、切面是什么意思?
Pointcut切点:我们所要对哪些连接点进行拦截的定义,使用execution函数定义切点的方法切入
Advice通知,拦截到方法以后要做的事情。分为前置通知,后置通知、环绕通知等。
织入:动词,将增强应用到目标对象来创建新的代理对象的过程
Aspect切面:切点+通知
AOP有哪些通知?
前置通知@Before,后置通知@After、环绕通知@Around等。
AOP能注入类吗?
可以
过滤器、拦截器、AOP有什么区别?
见上文
登录后可查看更多问答,登录/注册