Angular 5修复Assets /文件夹的相对路径

洛根·沃尔夫(Logan Wlv)

我正在使用Angular 5应用,正在将其托管在Apache2.4 HTTP服务器上,并使用代理模块对其进行重定向 http://localhost:7777/test/

我的第一个问题是调用从浏览器服务时,它是使用http://localhost:7777/作为基本URL,从我的测试服务中删除斜杠尽快解决,/service1/uploadservice1/upload所以我从http://localhost:7777/service1/upload到了http://localhost:7777/test/service1/upload

现在我image.png在Assets /文件夹中还有一个其他未解决的问题,它一直试图从中获取它,http://localhost:7777/assets/image.png而不是http://localhost:7777/test/assets/image.png

我测试了第二个URL,它按要求返回了我的图像。如何使Angular 5相对地找到我的资产路径?以我为例http://localhost:7777/test/assets/image.png

这是我访问HTML图像的方法:

..
<img  src='assets/stop_pic.PNG' > 
..

我的基本href在我的index.html中:

<base href="">

我的angular-cli.json conf:

...    
apps": [
        {
          "root": "src",
          "outDir": "../src/main/resources/static",
          "assets": [
            "assets"
          ],
          "index": "index.html",
          "main": "main.ts",
          "polyfills": "polyfills.ts",
          "test": "test.ts",
          "tsconfig": "tsconfig.app.json",
          "testTsconfig": "tsconfig.spec.json",
          "prefix": "app",
          "styles": [
            "styles.css"
          ],
          "scripts": [],
          "environmentSource": "environments/environment.ts",
          "environments": {
            "dev": "environments/environment.ts",
            "prod": "environments/environment.prod.ts"
          }
        }
      ],
    ...
洛根·沃尔夫(Logan Wlv)

得到了答案,即使这有点愚蠢。浏览器缓存了我的应用程序,因此它没有计入我从<img src='../../assets/stop_pic.PNG'>到的最后一次修改<img src='assets/stop_pic.PNG'>从我的图像中删除所有斜杠src起作用了!

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

python中的相对路径几个文件夹

如何在Angular Library中使用文件的相对路径?

相对路径中的Angular 2 img src

Angular 的较短相对路径 - Webpack 和 Typescript

在Angular CLI中避免相对路径

需要Angular组件时找不到相对路径

@导入scss,相对路径,angular-cli

图像相对路径不适用于 Angular

在HTML修复相对路径送达的Java Servlet(对于HTML5 pushState的)

仅通过相对路径 /assets/image/img.png 将文件上传到服务器 - 通过 JavaScript

如何使用Java获取文件到文件夹的相对路径

如何获取包含.m文件的文件夹的相对路径

在 node.js 中使用相对路径(以前的文件夹)访问文件

从不同的子文件夹中查找文本文件的相对路径

Java相对路径从我的src文件夹开始

Gatsby从数据获取具有相对路径的图像文件夹

Laravel-公用文件夹中的相对路径

使用Webpack解决从node_modules到Dist文件夹的相对路径

相对路径错误取决于终端的当前文件夹

从主文件夹启动我的应用程序(相对路径)

如何从Rmarkdown中的.tex文件夹(相对路径)获取图像?

使用相对路径将文件夹和子文件夹内容检索到CSV

Angular RouterLink相对路径在具有空路径的组件中不起作用

Angular 6-使用量角器测试文件下载时,如何设置文件目标位置的相对路径

到外部URL的Angular 2链接被视为路由的相对路径

自定义Angular-CLI以在构建时修改相对路径

gh页上的angular2基本网址和相对路径

如何避免在Angular 2中使用相对路径较长的导入?

避免工作区中 Angular 项目的相对路径