我一直在想,我对客户端和服务器之间的路由感到困惑.假设我在将请求发送回Web浏览器之前使用ReactJS进行服务器端呈现,并使用react-router作为客户端路由在页面之间切换而不刷新为SPA.
我想到的是:
/home
)到帖子页面(/posts
)的请求我尝试使用ResourceResolvers和ResourceTransformers http://spring.io/blog/2014/07/24/spring-为我的一些静态文件(例如app.min.js/style.min.css)添加指纹后缀. 框架-4-1-处理静态的Web资源
我已经像这样配置了ResourceHandler
@Configuration
@EnableWebMvc
public class ResourceResolverConfiguration extends WebMvcConfigurerAdapter {
@Override
public void addResourceHandlers(ResourceHandlerRegistry registry) {
registry.addResourceHandler("bower_components/**/*.js", "/assets/**", "/build/**")
.addResourceLocations("/bower_components/", "/assets/", "/build/","classpath:/META-INF/webapp/build/")
.resourceChain(true)
.addResolver(
new VersionResourceResolver()
.addContentVersionStrategy("/**")
);
}
}
Run Code Online (Sandbox Code Playgroud)
在我的主控制器中,我添加了一些调试日志.
logger.debug("js = '{}'" + this.resourceUrlProvider.getForLookupPath("/build/app.js"));
logger.debug("css = '{}'" + this.resourceUrlProvider.getForLookupPath("/build/styles/style.css"));
Run Code Online (Sandbox Code Playgroud)
运行Web应用程序后,从调试日志中,每个文件中都有指纹
APP-5d2c76ad6517f26d252d5cc93a4fc7d2.js
我可以直接访问这个文件,(即通过localhost:8080/build/app-5d2c76ad6517f26d252d5cc93a4fc7d2.js)
但是,当我在Web浏览器上单击查看源时,它仍然是没有任何指纹的原始文件.
在我的layout.html中,我像这样加载脚本/链接.
<script th:src="@{/build/app.js}"></script>
<link th:href="@{/build/styles/style.css}" rel="stylesheet"></link>
Run Code Online (Sandbox Code Playgroud)
我使用Thymeleaf作为模板引擎.配置或代码应该使Thymeleaf包含指纹文件或者我错过了什么?
非常感谢你.
这是我第一次使用Ionic开发.
我试图删除我的应用程序中的状态栏.现在,iPad应用程序的状态栏已被删除.但是,我的Iconic视图顶部仍有一个空格(我认为其大小与状态栏相同).我已经使用此代码设置了Javascript文件以隐藏状态栏,但它无法正常工作.
ionic.Platform.ready(function() {
// hide the status bar using the StatusBar plugin
StatusBar.hide();
// ionic.platform.fullScreen();
});
Run Code Online (Sandbox Code Playgroud)
我怎样才能解决这个问题或者我做错了什么?谢谢.
这是在Web浏览器和iOS模拟器之间进行比较的图像
我正在使用Ionic与Webpack和Typescript实现一个应用程序.我通过npm安装'ngstorage'并尝试导入条目ts文件,但Webpack显示错误 - '无法解析模块'angular''.
我搜索了这个错误并意识到我需要在package.json文件和node_modules中包含angular.但是,ionic-sdk模块已经包含了角度.所以它反而在浏览器中显示一个不可接受的错误,我试图多次加载角度.
Webpack是否有办法跳过模块解析器或指向角度模块到ionic-sdk模块的路径?或者有其他建议的进口方式吗?
谢谢.
javascript ×3
angularjs ×1
cordova ×1
css ×1
ios ×1
java ×1
react-router ×1
reactjs ×1
routes ×1
spring ×1
thymeleaf ×1
url-routing ×1
webpack ×1