代码之家  ›  专栏  ›  技术社区  ›  Logan Wlv

角度5固定资源/文件夹的相对路径

  •  4
  • Logan Wlv  · 技术社区  · 6 年前

    我正在开发一个Angular5应用程序,我将它托管在Apache2.4HTTP服务器上,通过上的代理模块重定向它。 http://localhost:7777/test/

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

    现在我还有一个问题没有解决 image.png 从资产/文件夹中,它一直试图从 http://localhost:7777/assets/image.png 而不是 http://localhost:7777/test/assets/image.png

    我测试了第二个URL,它按要求返回我的图像。如何使角度5相对地找到我的资产路径?在我的情况下打电话 http://localhost:7777/test/assets/image.png

    以下是如何访问HTML格式的图像:

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

    my index.html中的my base href:

    <base href="">
    

    my angular-cli.json配置:

    ...    
    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"
              }
            }
          ],
        ...
    
    2 回复  |  直到 6 年前
        1
  •  2
  •   Logan Wlv    6 年前

    知道答案了,即使有点蠢…… 浏览器缓存了我的应用程序,所以它没有统计我上次修改的内容 <img src='../../assets/stop_pic.PNG'> <img src='assets/stop_pic.PNG'> . 从我的图像中删除所有斜线SRC工作!

        2
  •  0
  •   eduPeeth    6 年前

    在index.html中设置基本的href-

    <base href='/'>
    

    更改-

     "assets": [
                "assets"
              ],
    

    对-

     "assets": [
                 "src/assets"
              ],
    

    在HTML中引用图像,如:

    src="/assets/images/footer-min.png"