LOGO 首页 OA教程 ERP教程 模切知识交流 PMS教程 CRM教程 技术文档 其他文档  
 
网站管理员

如何理解前端项目中的绝对路径和相对路径

zhenglin
2026年8月3日 16:35 本文热度 130

如何理解前端项目中的绝对路径和相对路径

1.相对路径

不以斜杠 / 开头的路径,相对路径是相对于当前文件的路径,好处是项目可以随意部署在任意路径上而不会出现资源404的问题

2.绝对路径

以斜杠 / 开头的路径,绝对路径通常会加上服务器的部署路径。

  • 默认情况下,Vue CLI 会假设你的应用是被部署在一个域名的根路径上,例如 www.my-app.com/。

  • 如果应用被部署在一个子路径上,你就需要用这个选项指定这个子路径。

  • 例如,如果你的应用被部署在 www.my-app.com/my-app/,则设置 publicPath 为 /my-app/ 以本地运行http-server举个例子吧:


3.部署在子目录下示例

如果是在test目录下运行http-server,则index.html的资源路径为/test/microFront/index.html,访问的地址是http://127.0.0.1:8081/microFront/

  • 代码结构:

  • 网络:

源代码/来源:

4.部署在项目根目录下示例

如果直接是在microFront目录下运行http-server,则index.html的资源路径为/microFront/index.html,访问呢的地址是http://127.0.0.1:8081/

  • 网络:

  • 源代码/来源:

阅读原文:点击这里


该文章在 2026/8/3 16:35:18 编辑过
关键字查询
相关文章
正在查询...
点晴ERP是一款针对中小制造业的专业生产管理软件系统,系统成熟度和易用性得到了国内大量中小企业的青睐。
点晴PMS码头管理系统主要针对港口码头集装箱与散货日常运作、调度、堆场、车队、财务费用、相关报表等业务管理,结合码头的业务特点,围绕调度、堆场作业而开发的。集技术的先进性、管理的有效性于一体,是物流码头及其他港口类企业的高效ERP管理信息系统。
点晴WMS仓储管理系统提供了货物产品管理,销售管理,采购管理,仓储管理,仓库管理,保质期管理,货位管理,库位管理,生产管理,WMS管理系统,标签打印,条形码,二维码管理,批号管理软件。
点晴免费OA是一款软件和通用服务都免费,不限功能、不限时间、不限用户的免费OA协同办公管理系统。
Copyright 2010-2026 ClickSun All Rights Reserved  粤ICP备13012886号-9  粤公网安备44030602007207号