【问题标题】:Whats the default path for static files in Angular2?Angular2中静态文件的默认路径是什么?
【发布时间】:2017-03-18 10:03:54
【问题描述】:

我目前正在开发一个小型 Angular2 项目。在我的情况下,我必须将一些请求(如“/faq”、“/aboutus”)重新路由回我的旧后端服务器,以获取一些服务器端呈现的 thymeleaf 模板。因此,我使用内置代理重新路由到我的后端服务器。遗憾的是,出于某种奇怪的原因,它html 文件提供服务器没有任何脚本样式图片。 (我使用 angular-cli 创建我的项目结构)

这就是为什么我想将这些静态文件添加到我的 angular2 文件夹中,但我找不到正确的位置使其可用于我的应用程序。 有谁知道如何正确地将这些文件放入项目结构中?

提前感谢您的帮助

【问题讨论】:

    标签: file angular static thymeleaf angular-cli


    【解决方案1】:

    根据当前angular-cli readme(v1.0.1):

    在构建项目时,您可以使用 angular-cli.json 中的 assets 数组列出要复制的文件或文件夹:

    "assets": [
      "assets",
      "favicon.ico"
    ]
    

    默认情况下,assets 文件夹为此配置,因此您可以将文件放入类似的结构中

    ├── src
    .   ├── assets
    .   .   ├── file1.txt
    .   .   ├── img
        .   │   └── image1.png
            └── css
    

    并从 url 路径 /img/image1.png 等为它们提供服务。

    如果您对默认选项不满意,请将您选择的文件夹名称添加到 angular-cli.json,即

    "assets": [
      "static",
      ...
    ]
    

    为您的文件创建./src/static/ 文件夹,并提供类似于默认设置的服务。

    【讨论】:

    • 我收到此错误:无法匹配任何路线。 URL 段:'assets/images/test.png'。有什么遗漏吗?谢谢。
    • @Rocky 不要从“/assets/images/test.png”提供它,从“/images/test.png”提供它
    • 仅供参考:对于 Angular 4,您必须使用 assets/img/image1.png 等为它们服务
    • 我如何提供 html 页面?
    • 我必须 ../assets/logo.png 获得 angular-7
    猜你喜欢
    • 2016-04-25
    • 1970-01-01
    • 1970-01-01
    • 2014-12-01
    • 1970-01-01
    • 2013-06-24
    • 2023-01-21
    • 1970-01-01
    • 2017-01-04
    相关资源
    最近更新 更多