Angular CLI中如何设置发布路径的配置选项详解?

更新于
2026-10-01 19:49:53
0阅读来源:SEO基础
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计1725个文字,预计阅读时间需要7分钟。

Angular CLI中如何设置发布路径的配置选项详解?

前言:项目发布总需要依据具体情况进行配置打包,Angular CLI 提供了便捷的打包工具 ng build。

其中,关于发布路径的配置有以下几种:- base-href:它指定的是项目构建后的基础路径,即项目构建的目录。

前言

项目发布总需要根据具体情况配置打包,Angular CLI 提供了方便的打包工具 “ng build”。其中关于发布路径的配置有几样,这里总结汇总它们。

base-href

它指定的是项目构建的目录结构,例如设置为 "deploy-test",最后的打包结果就在 dist/deploy-test 目录下。

项目新建时,在 index.html 下默认是 <base href="/" rel="external nofollow" >,也就是指定这个应用相对根目录运行。这时候,页面的相对路径会基于这个配置,例如 ![](image/test.png) 的实际访问路径是 /image/test.png。

阅读全文

本文共计1725个文字,预计阅读时间需要7分钟。

Angular CLI中如何设置发布路径的配置选项详解?

前言:项目发布总需要依据具体情况进行配置打包,Angular CLI 提供了便捷的打包工具 ng build。

其中,关于发布路径的配置有以下几种:- base-href:它指定的是项目构建后的基础路径,即项目构建的目录。

前言

项目发布总需要根据具体情况配置打包,Angular CLI 提供了方便的打包工具 “ng build”。其中关于发布路径的配置有几样,这里总结汇总它们。

base-href

它指定的是项目构建的目录结构,例如设置为 "deploy-test",最后的打包结果就在 dist/deploy-test 目录下。

项目新建时,在 index.html 下默认是 <base href="/" rel="external nofollow" >,也就是指定这个应用相对根目录运行。这时候,页面的相对路径会基于这个配置,例如 ![](image/test.png) 的实际访问路径是 /image/test.png。

阅读全文