Spring Boot 1:配置git环境与项目创建(IDEA和Vue)&&解决跨域问题(重点)

发布于:2023-01-10 ⋅ 阅读:(207) ⋅ 点赞:(0)

配置git环境与项目创建(IDEA和Vue)-Acw

配置git环境与项目创建(IDEA和Vue)-CSDN

1.Git配置

在这里插入图片描述

2.IDAE配置

项目创建的注意

选择Java8,JDK1.8

在这里插入图片描述

访问的注意

默认8080端口,修改端口
在这里插入图片描述

3.Vue配置

基础配置

终端,Node.js,安装@vue/cli
启动vue ui
在这里插入图片描述
在这里插入图片描述
JQuery和bootstrap
在这里插入图片描述

4.跨域问题

添加配置类:CorsConfig

package com.kob.backend.config;

import org.springframework.context.annotation.Configuration;

import javax.servlet.*;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

@Configuration
public class CorsConfig implements Filter {
    @Override
    public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException {
        HttpServletResponse response = (HttpServletResponse) res;
        HttpServletRequest request = (HttpServletRequest) req;

        String origin = request.getHeader("Origin");
        if(origin!=null) {
            response.setHeader("Access-Control-Allow-Origin", origin);
        }

        String headers = request.getHeader("Access-Control-Request-Headers");
        if(headers!=null) {
            response.setHeader("Access-Control-Allow-Headers", headers);
            response.setHeader("Access-Control-Expose-Headers", headers);
        }

        response.setHeader("Access-Control-Allow-Methods", "*");
        response.setHeader("Access-Control-Max-Age", "3600");
        response.setHeader("Access-Control-Allow-Credentials", "true");

        chain.doFilter(request, response);
    }

    @Override
    public void init(FilterConfig filterConfig) {

    }

    @Override
    public void destroy() {
    }
}
本文含有隐藏内容,请 开通VIP 后查看