美文网首页
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中的相对和绝对路径的问题

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