@Component
public class RequestFilter implements Filter {
    Logger logger = LoggerFactory.getLogger(RequestFilter.class);
    @Override
    public void init(FilterConfig filterConfig) throws ServletException {
    @Override
    public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
        HttpServletRequest request = (HttpServletRequest)servletRequest;
        HttpServletResponse response = (HttpServletResponse)servletResponse;
        logger.info("解决跨域的Filter---------------------------------------》");
        String origin = request.getHeader("Origin");
        response.setHeader("Access-Control-Allow-Origin","*");
        response.setHeader("Access-Control-Allow-Method","GET, HEAD, POST, PUT, DELETE, TRACE, OPTIONS, PATCH");
        response.setHeader("Access-Control-Allow-Headers","X-Requested-With, Accept, Content-Type");
        // 是否允许浏览器携带用户身份信息(cookie)
        response.setHeader("Access-Control-Allow-Credentials","true");
        String method = request.getMethod();
        if ("OPTIONS".equals(method)){
             response.setStatus(HttpServletResponse.SC_OK);
             filterChain.doFilter(servletRequest,servletResponse);
        }else {
            filterChain.doFilter(servletRequest,servletResponse);
                            
ios开发 安全区域顶部黑线 ios安全区域适配

iPhone X及以上机型底部存在底部指示条,指示条的操作区域与页面底部存在重合,容易导致用户误操作,  解决方案:一、在index.html中的head中添加如下代码<!-- 在 head 标签中添加 meta 标签,并设置 viewport-fit=cover 值 --> name="viewport" content="width=d