使用 AngularJS 配置 Spring MVC

Question

我希望能够在客户端使用 Spring MVC 作为 REST 服务器和 AngularJS。

我有几个 REST 网址：

• /休息/产品
• /rest/products/{id}

我有几个用户界面的网址：

• /商店/产品
• /shop/products/{id}

因为它是 AngularJS 在客户端做的伎俩，我只想能够将所有默认的 ui url（不是其余的）重定向到 AngularJS 使用的 index.html 文件。

所以，在 Spring MVC 配置中，我希望能够做这样的事情：

@EnableWebMvc
@Configuration
@ComponentScan(basePackages = "com.mypackage.web")
public class WebAppConfiguration extends WebMvcConfigurerAdapter {

    @Override
    public void addViewControllers(ViewControllerRegistry registry) {
        registry.addViewController("/**").setViewName("index");
    }

    @Bean
    public ViewResolver viewResolver() {
        InternalResourceViewResolver resolver = new InternalResourceViewResolver();
        resolver.setPrefix("/");
        resolver.setSuffix(".html");
        return resolver;
    }

    @Override
    public void configureDefaultServletHandling(DefaultServletHandlerConfigurer configurer) {
        configurer.enable();
    }

}

这样，我想将所有 UI url 处理委托给 AngularJS。

我还希望，如果用户在浏览器中写入错误的 url，Spring MVC 会在 index.html 文件上重定向他，AngularJS 将在错误 ui 页面上进行重定向。我在网上看到过几个项目只有一个 index.html 文件，但没有人处理这种错误情况。

我一直在努力尝试这个技巧，但我找不到解决方案。

所以我的问题是：我该怎么做？更一般地说，我对这个 Spring MVC-AngularJS 想要的配置有错吗？

非常重要：我使用没有 web.xml 的 Spring MVC 3.2 和 Tomcat 7.34（完整的 Servlet 3.0）

非常感谢。

Answer 1

我知道它有点晚了，但如果有人遇到同样的麻烦，这里是放在你的类路径 urlwrite.xml 中的 URL 过滤器示例

您可以设置要过滤的某些网址的重定向。

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE urlrewrite PUBLIC "-//tuckey.org//DTD UrlRewrite 4.0//EN"
        "http://www.tuckey.org/res/dtds/urlrewrite4.0.dtd">

<!-- Configuration file for UrlRewriteFilter http://www.tuckey.org/urlrewrite/ -->

<urlrewrite>

    <rule>
        <note>
            The rule means that requests to /test/status/ will be redirected
            to
            /rewrite-status
            the url will be rewritten.
        </note>
        <from>/index.ipxs/directory</from>
        <to type="redirect">/index.ipxs/marketplace</to>

    </rule>
    <rule>
        <from>/index.ipxs/faq</from>
        <to type="redirect">/index.ipxs/marketplace</to>
    </rule>
    <rule>
        <from>/index.ipxs/marketplace</from>
        <to type="redirect">/iPlexus/index.ipxs</to>
    </rule>

</urlrewrite>

Answer 2

尝试使用urlrewritefilter

这应该为您完成工作。您必须在 web.xml 中配置/添加它，以便处理每个 url，并且您可以操纵它以重定向到 index.html

Answer 3

我认为您可以编写一个 Interceptor 来允许一些已知的 URL，例如 /rest/、/resources/、/webjars/* 和对于任何其他 URL 重定向到 index.html。

Answer 4

或许可以通过$routeProvider解决：

$routeProvider.when('/redirect/:redirectParams', {templateUrl: 'partials/homePartial', controller: redirectController});
$routeProvider.when('/home', {templateUrl: 'partials/homePartial', controller: homeController});
$routeProvider.when('/someRoute', {templateUrl: 'partials/somePartial', controller: someController});
$routeProvider.when('/error/', {templateUrl: 'partials/errorPartial', controller: errorController});
$routeProvider.when('/error/:errorMessage', {templateUrl: 'partials/errorPartial', controller: errorController});
$routeProvider.otherwise({redirectTo: '/error'})

在找不到路由的时候让$routeProvider重定向到错误页面。

编辑：

我在上面的例子中添加了一个redirectController。此控制器将读取$routeParams，在本例中为$routeParams.redirectParams，并使用$location 将路由更改为/error。

Spring 只是重定向到http://host:port/index.html/#/redirect/error=blabla。您可以而且应该对此进行微调并支持多个 routeParams。

在春季，您基本上会拥有三个request mappings：

• REST request mapping
• index.html 请求映射
• 其他url请求映射

重定向所有其他请求：

@RequestMapping(value = "{path}", method = RequestMethod.GET)
public String redirect(@PathVariable String path) {
   String route = null;
   if (path.equals("/") || path.startsWith("/index.html")) {
     // load index.html
   } else {
     route = "redirect:/index.html/#/redirect/" + path; 
   }
   return route;
}