Question

在Tomcat中刷新后如何修复404错误？一切正常，直到您转到http://localhost:8080/login并刷新浏览器。之后，我的应用程序看不到角度，并向API请求。我有角度为7的spring boot 2应用。我需要添加一些重写规则。

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

Answer 1

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

对于Spring配置，我仍然使用XML配置文件。

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

然后我在战争中合并了Angular应用程序，尤其是在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;
    }
}

应用此配置后，即使在按 F5 之后，即使在Tomcat上，一切都可以正常工作。

希望对您有帮助。

Answer 2

@xcesco回答了，我的春季靴子最终解决方案：

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

@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");
                    }
                });
    }
}

在Tomcat中刷新后出现Angular 404错误

2 个答案: