Question

所以我试图在wamp服务器中部署我的ember应用程序。我的所有资产都在public / assets文件夹中。文件夹结构如下：

public
    -assets
          -images
          -fonts

当我使用命令

运行时

ember server

服务器在端口4200运行，当我在那里浏览时，一切运行正常，图像和字体正确加载。现在我想在wamp服务器中部署这个应用程序。为此，我将config / environment.js中的baseURL修改为：

baseURL: 'myProj/'//since the app will we put in www/myProj folder

然后我编译了我的项目并将dist /文件夹中的所有内容移动到www / myProj文件夹中。但是当我浏览到我的localhost / myProf时，我看不到任何图像或没有加载字体。但是资源文件夹中的css加载正常，它只能加载资源文件夹中的字体和图像。它试图像这样获取那些图像

http://localhost:8085/assets/images/chevron-down-16.png

但正确的路径应该是：

http://localhost:8085/myProj/assets/images/chevron-down-16.png

在我使用的hbs文件中

`<img src="/assets/images/..." />`

我怎样才能让它工作？任何帮助将不胜感激。

更新我不得不这样做<img src="assets/images/..." />即。摆脱第一个斜线使图像工作。但仍然遇到css中我必须使用背景图像的问题，这样的事情不起作用

 //BOTH DO NOT WORK
.form-container {
    //background: url("/assets/images/brushed_alu.png") repeat scroll 0 0 padding-box transparent;
    background: url("assets/images/brushed_alu.png") repeat scroll 0 0 padding-box transparent;
}

好吧，我有点困惑，因为css已经在资产文件夹中，我不需要从资产开始给出路径，所以我所要做的就是：

.form-container {

    background: url("images/brushed_alu.png") repeat scroll 0 0 padding-box transparent;
}

啊，小事最让你感到害怕！

无法在已部署的应用程序中正确加载资源（图像/字体）

0 个答案: