RuoYi-Vue若依框架-后端设置不登陆访问（白名单）

### 若依框架移动端白名单配置方法 若依框架是一款基于Spring Boot和Vue.js的开源前后端分离项目，提供了丰富的功能模块和支持。对于移动端页面的白名单配置，通常涉及跨域请求的安全策略以及权限控制。 #### 跨域安全与白名单设置 在若依框架中，移动端访问接口时可能遇到跨域问题。为了保障安全性，可以通过配置CORS（跨源资源共享）来允许特定的域名访问后端接口。以下是具体的配置方式： ```java @Configuration public class WebConfig implements WebMvcConfigurer { @Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping("/**") // 允许所有的路径被跨域访问 .allowedOrigins("https://mobile.example.com", "http://localhost:8081") // 设置白名单域名 .allowedMethods("GET", "POST", "PUT", "DELETE", "OPTIONS") // 允许的方法类型 .allowedHeaders("*") // 允许的头部信息 .allowCredentials(true); // 是否支持携带Cookie } } ``` 上述代码片段展示了如何通过`addCorsMappings`方法定义跨域规则，并指定移动端页面所在的域名作为白名单[^1]。 #### 权限控制中的白名单配置 除了跨域配置外，在实际业务场景中还需要考虑某些接口无需登录即可访问的情况。这可以通过Spring Security的拦截器实现。例如，将一些公开接口加入到白名单中，使其不经过身份验证即可调用。 ```java @Override protected void configure(HttpSecurity http) throws Exception { http.authorizeRequests() .antMatchers("/api/mobile/login", "/api/mobile/register").permitAll() // 将这些接口设为白名单 .anyRequest().authenticated(); // 其他接口需要认证 } ``` 在此示例中，`/api/mobile/login` 和 `/api/mobile/register` 接口被设定为无需鉴权即可访问，适用于移动端用户的注册和登录操作[^3]。 #### Vue前端配合Thymeleaf模板引擎 尽管若依默认采用Vue作为前端技术栈，但在特殊情况下也可以结合Thymeleaf完成动态渲染工作。这种方式特别适合于简单的静态页面或者混合模式下的开发需求。需要注意的是，当使用Thymeleaf时应确保其版本兼容性以获得更好的性能表现[^4]。 #### 天地图集成实例 (可选扩展) 如果移动应用涉及到地理位置信息服务，则可以参照以下步骤接入天地图API: 1. **申请密钥**: 登录[天地图开放平台](http://www.tianditu.gov.cn/)获取专属Key; 2. **引入JS库**: 在HTML文件头添加 `<script src="https://webapi.amap.com/maps?v=1.4.15&key=您的KEY"></script>`; 3. **初始化地图对象**: ```javascript var map = new T.Map('mapContainer'); ``` 以上过程简单介绍了如何利用第三方服务增强应用程序的功能特性[^5]。 ---