手机端跨域问题

java后端重定向到前端页面后，前端再次访问后端接口，后端取不到session里面的值了，怎么回事？

在Java后端重定向到前端页面后，如果前端再次访问后端接口时，后端无法获取到session里面的值，可能有以下几种可能的原因：

1. Session丢失或过期：

   • 如果后端重定向到前端页面后，session可能已经丢失或者过期了。确保在前端再次访问后端接口时，传递的session ID 是正确的，并且后端能够正确识别并重新建立session。

2. 未正确处理跨域请求：

   • 如果前端页面和后端接口不在同一个域下，可能存在跨域请求的问题。在这种情况下，确保后端正确处理跨域请求，并且在前端发起请求时，携带正确的跨域请求头（如Access-Control-Allow-Origin）。

3. 未正确配置Session共享：

   • 如果前后端服务部署在不同的服务器上，需要确保Session能够在服务器之间正确共享。这可能涉及到配置Session共享、使用统一的Session存储等。

4. 未正确设置Session属性：

   • 确保在后端设置Session属性时，属性的有效期和作用范围正确设置。如果属性的有效期较短或者作用范围不正确，可能导致在后续请求中无法获取到。

5. 可能的缓存问题：

   • 在某些情况下，可能是由于缓存导致的问题。确保在后端发送重定向时，不会缓存session相关的响应头信息，以确保在后续请求中能够正确获取到最新的session信息。

java 代码案例重定向前端页面 携带正确的跨域请求头 怎么写？

在Java代码中，你可以通过在处理重定向的Controller中设置响应头来携带正确的跨域请求头。以下是一个示例代码：

import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.CrossOrigin;
import org.springframework.stereotype.Controller;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

@Controller
public class RedirectController {

    @CrossOrigin(origins = "http://example.com") // 设置允许跨域的域名，可以是具体的域名或"*"表示允许所有域名
    @GetMapping("/redirect")
    public void redirect(HttpServletResponse response) throws IOException {
        // 设置跳转的URL
        String redirectUrl = "http://example.com/redirected-page";
        // 设置跳转到前端页面
        response.sendRedirect(redirectUrl);
        // 设置跨域请求头
        response.setHeader("Access-Control-Allow-Origin", "http://example.com");
        response.setHeader("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE, OPTIONS");
        response.setHeader("Access-Control-Allow-Headers", "Content-Type, Authorization");
        response.setHeader("Access-Control-Allow-Credentials", "true"); // 如果需要携带认证信息，则设置为true
    }
}

在上面的示例中，使用了Spring框架，但基本思路适用于其他Java Web框架。在RedirectController中，我们使用@CrossOrigin注解来指定允许跨域的域名，然后在redirect方法中，先执行重定向，然后再设置跨域请求头。

请注意，Access-Control-Allow-Origin和Access-Control-Allow-Credentials需要根据你的实际需求来设置，如果需要携带认证信息（如Cookie），则需要将Access-Control-Allow-Credentials设置为true，并且前端请求也需要设置withCredentials为true。

vue前端请求怎么设置withCredentials 为 true？

在Vue前端项目中，你可以通过axios或者其他的HTTP请求库来发送请求，并设置withCredentials为true以携带认证信息（如Cookie）。以下是一个使用axios发送请求并设置withCredentials的示例：

import axios from 'axios';

// 创建axios实例
const instance = axios.create({
  baseURL: 'http://your-backend-api.com',
  timeout: 5000 // 请求超时时间
});

// 请求拦截器
instance.interceptors.request.use(
  config => {
    // 在请求发送之前做一些处理，例如添加token等
    return config;
  },
  error => {
    // 对请求错误做些什么
    return Promise.reject(error);
  }
);

// 响应拦截器
instance.interceptors.response.use(
  response => {
    // 对响应数据做一些处理
    return response.data;
  },
  error => {
    // 对响应错误做些什么
    return Promise.reject(error);
  }
);

// 发送GET请求
instance.get('/your-api-endpoint', {
  // 设置withCredentials为true
  withCredentials: true
}).then(response => {
  console.log(response);
}).catch(error => {
  console.error('Error:', error);
});

// 发送POST请求
instance.post('/your-api-endpoint', {
  // 设置withCredentials为true
  withCredentials: true,
  // 其他请求参数
  data: {
    // 请求体数据
  }
}).then(response => {
  console.log(response);
}).catch(error => {
  console.error('Error:', error);
});

在上面的示例中，我们首先通过axios创建了一个实例，并设置了请求拦截器和响应拦截器。然后，在发送请求时，通过在请求配置中设置withCredentials为true来携带认证信息。

确保将baseURL替换为你的后端API的地址，以及根据实际情况调整请求路径和其他请求参数。

在Spring Boot中允许跨域请求，可以通过实现WebMvcConfigurer接口，并覆盖addCorsMappings方法来配置跨域策略。以下是一个简单的示例：

 

import org.springframework.context.annotation.Configuration;
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("/**") // 允许跨域的路径
                .allowedOrigins("*") // 允许跨域请求的域名
                .allowedMethods("GET", "POST", "PUT", "DELETE") // 允许的请求方法
                .allowedHeaders("*") // 允许的请求头
                .allowCredentials(true); // 是否允许证书（cookies）
    }
}