小编hea*_*mon的帖子

客户端路由(使用react-router)和服务器端路由

我一直在想,我对客户端和服务器之间的路由感到困惑.假设我在将请求发送回Web浏览器之前使用ReactJS进行服务器端呈现,并使用react-router作为客户端路由在页面之间切换而不刷新为SPA.

我想到的是:

  • 如何解释路线?例如,从主页(/home)到帖子页面(/posts)的请求
  • 路由在服务器端或客户端上的位置是什么?
  • 它是如何知道如何处理的?

javascript routes url-routing reactjs react-router

106
推荐指数
2
解决办法
7万
查看次数

具有指纹的Thymeleaf和静态资源

我尝试使用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包含指纹文件或者我错过了什么?

非常感谢你.

java spring thymeleaf

8
推荐指数
1
解决办法
1314
查看次数

如何删除iOS上Ionic Webview顶部的空间?

这是我第一次使用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模拟器之间进行比较的图像

javascript css ios cordova ionic-framework

7
推荐指数
2
解决办法
6580
查看次数

使用Ionic和Webpack导入ngstorage时无法解析模块'angular'

我正在使用Ionic与Webpack和Typescript实现一个应用程序.我通过npm安装'ngstorage'并尝试导入条目ts文件,但Webpack显示错误 - '无法解析模块'angular''.

我搜索了这个错误并意识到我需要在package.json文件和node_modules中包含angular.但是,ionic-sdk模块已经包含了角度.所以它反而在浏览器中显示一个不可接受的错误,我试图多次加载角度.

Webpack是否有办法跳过模块解析器或指向角度模块到ionic-sdk模块的路径?或者有其他建议的进口方式吗?

谢谢.

javascript angularjs ionic-framework webpack

4
推荐指数
1
解决办法
2622
查看次数