Angular Tomcat 刷新后出现 404 错误

Question

Tomcat刷新后出现404错误如何解决？一切正常，直到您转到 http://localhost:8080/login 并刷新浏览器。之后，我的应用程序没有看到 angular 并请求 API。我有 spring boot 2 应用程序 angular 7。我需要添加一些重写规则。

p.s。我不想使用哈希定位策略。

Answer 1

我不得不处理类似的问题：我正在开发一个带有 Angular 6 前端和 Java 后端（REST 网络服务、Spring 和 MyBatis）的 Web 应用程序。

Spring配置，我还是用XML配置文件。

在开发模式下，我在客户端部分使用 4200 端口，后端使用 8080（在 Tomcat 上）。在这种情况下没有问题。

然后我将 Angular 应用程序合并到 war 中，特别是 public 文件夹中。在此之后，当我运行应用程序并点击 F5 按钮时，我收到 404 error.

对于 Spring 端的 public 文件夹，我进行了以下配置：

<mvc:resources mapping="/public/**" location="/public/">
    <mvc:resource-chain resource-cache="false">
        <mvc:resolvers>
            <bean class="com.example.web.AngularResourceResolver" />
        </mvc:resolvers>
    </mvc:resource-chain>
</mvc:resources>

AngularResourceResolver是这样定义的：

import org.springframework.core.io.Resource;
import org.springframework.web.servlet.resource.PathResourceResolver;

public class AngularResourceResolver extends PathResourceResolver {

    @Override
    protected Resource getResource(String resourcePath, Resource location) throws IOException {
        Resource requestedResource = location.createRelative(resourcePath);     

        Resource defaultResource=location.createRelative("/index.html");
        Resource resource = requestedResource.exists() && requestedResource.isReadable() ? requestedResource : defaultResource;
        return resource;
    }
}

应用此配置后，即使在 Tomcat 上一切正常，即使在按 F5 后也是如此。

希望对您有所帮助。

Answer 2

正如@xcesco 所回答的，我对 spring 引导的最终解决方案：

首先，我已将所有 angular 文件移至静态目录，然后添加：

@Configuration
public class WebMvcConfig implements WebMvcConfigurer {

    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {

        registry.addResourceHandler("/**")
                .addResourceLocations("classpath:/static/")
                .resourceChain(true)
                .addResolver(new PathResourceResolver() {
                    @Override
                    protected Resource getResource(String resourcePath,
                                                   Resource location) throws IOException {
                        Resource requestedResource = location.createRelative(resourcePath);
                        return requestedResource.exists() && requestedResource.isReadable() ? requestedResource
                                : new ClassPathResource("/static/index.html");
                    }
                });
    }
}

Angular Tomcat 刷新后出现 404 错误

Angular 404 error after refresh in Tomcat

tomcat

war

spring-boot

angular

angular7