美文网首页
vue中的相对和绝对路径的问题

vue中的相对和绝对路径的问题

作者: simonbaker | 来源:发表于2022-11-01 10:00 被阅读0次

有任何问题都可以留言咨询。

相对路径

凡是相对路径,都会被webpack处理。

以 . 开头,都会作为一个相对模块来解释。

比如:url(./test.png) 会被翻译为 require('./test.png')。

<img src="./test.png">
// 就会被编译为:
h('img', { attrs: { src: require('./test.png') }})

绝对路径

绝对路径,访问的是public文件夹下面的静态资源。

注意,在public文件夹下面的静态资源,都会被简单的复制,而不是经过webpack处理。

比如页面http://localhost:8080/#/console/instance/download中的连接,代码如下所示:

<a href="/bucket/test.csv" download>查看样例</a>

此时,点击"查看样例",就会到根目录查找bucket目录和其下的test.csv文件。

但用绝对路径的时候,需要注意访问路径的问题。

因为绝对路径,相对的是访问域名,而不包括路径。

比如当访问的是:

详情 请查看原文。 https://mp.weixin.qq.com/s?__biz=Mzg5Mjc2NDYwMg==&mid=2247484376&idx=1&sn=81e158dfa1a28333213b2c52af26bf4c&chksm=c0386b0df74fe21ba231f408993e1b042919c1bfc735a7c819c5d6b3ca8a19900d71dc033786&token=1965256984&lang=zh_CN#rd

有问题可群咨询:
https://public-1253796280.cos.ap-nanjing.myqcloud.com/%E5%89%8D%E7%AB%AF%E6%8A%80%E6%9C%AF%E4%BA%A4%E6%B5%81%E7%BE%A4.png

相关文章

  • vue/cli3.0打包后html文件引入的是绝对路径修改成相对

    vue/cli3.0打包后html文件引入的是绝对路径修改成相对路径问题 在vue.config.js文件,配置如...

  • 第三次笔试总结

    一、基础 1.阐述绝对路径和相对路径的区别 绝对路径:只要是以'/' 开始的都算是绝对路径相对路径:是相对于当前目...

  • Java中获取路径的各种方法

    java文件中获得路径 JSP中获得当前应用的相对路径和绝对路径 根目录所对应的绝对路径:request.getR...

  • 2018-09-12

    2.6相对和绝对路径 所谓绝对路径就是指系统中能够从根目录开始找到的文件路径 相对目录是指 在该命令所在的目录下的...

  • Android中的绝对路径和相对路径

    Android中的绝对路径和相对路径 首先路径的概念是相对于文件本身来说的,明白了这一点之后再看下面的: 绝对路径...

  • 6月08日第二十七次早课

    1.pwd是什么 显示当前所在的绝对路径 2.绝对路径和相对路径是什么区别 绝对路径是从/目录开始相对路径是相对于...

  • 20180608早课记录27-Linux

    1.pwd是什么 显示当前所在的绝对路径 2.绝对路径和相对路径是什么区别 绝对路径是从/目录开始相对路径是相对于...

  • linux绝对路径和相对路径

    linux绝对路径和相对路径linux的绝对路径是指从根目录说起的. 例如 /dev/somedir/..而相对路...

  • linux学习(3)文件和目录管理

    linux学习(3)linux文件和目录管理 文件的绝对路径和相对路径:#绝对路径:一定是从/目录开始写起#相对路...

  • 工作上的一些记录

    1. vue在data中引入静态图片路径 在data设置本地图片路径,无论相对路径还是绝对路径都无法显示解决: 将...

网友评论

      本文标题:vue中的相对和绝对路径的问题

      本文链接:https://www.haomeiwen.com/subject/ercjtdtx.html