css - 将 CSS URL 重定向到一个没有 www 子域的

Question

我想知道是否有办法在发生请求时删除 www(或添加)。

这是我的问题:

我以这种方式插入 CSS:“//domain.com.br/resources/cssname.css”

如果我访问一个 http 页面，一切正常，但是当我使用“www.domain.com.br”访问一个 https 页面时，该页面不会加载 CSS 文件

如果我像这样插入 CSS:“//WWW.domain.com.br/resources/cssname.css”，相反的情况就会发生，当我使用“domain.com.br”访问页面时，没有 css。

我可以在使用删除 wwww 或所有请求添加 www 时更改所有请求吗？

我看到 prettyfaces 可以用这个来完成吗？

此外，我正在使用 glassfish，我不知道这是否可以由那里或提供商完成。

谢谢。

Answer 1

您根本不必担心所有 CSS/JS/图像资源中的域名或上下文路径。

代替

<link rel="stylesheet" href="//domain.com/context/resources/style/some.css" />
<script src="//domain.com/context/resources/script/some.js"></script>
<img src="//domain.com/context/resources/images/some.png" />

甚至

<link rel="stylesheet" href="#{request.contextPath}/resources/style/some.css" />
<script src="#{request.contextPath}/resources/script/some.js"></script>
<img src="#{request.contextPath}/resources/images/some.png" />

甚至其他答案建议的笨拙更长

<link rel="stylesheet" href="#{facesContext.externalContext.requestContextPath}/resources/style/some.css" />
<script src="#{facesContext.externalContext.requestContextPath}/resources/script/some.js"></script>
<img src="#{facesContext.externalContext.requestContextPath}/resources/images/some.png" />

你应该实际上正在使用

<h:outputStylesheet name="style/some.css" />
<h:outputScript name="script/some.js" />
<h:graphicImage name="images/some.png" />

并且，对于 CSS 背景图像，而不是

.some {
    background-image: url("../images/some.png");
}

你应该实际上正在使用

.some {
    background-image: url("#{resource['images/some.png']}");
}

另见:

• > How to reference CSS / JS / image resource in Facelets template?
• > What is the JSF resource library for and how should it be used?
• > Changing JSF prefix to suffix mapping forces me to reapply the mapping on CSS background images