Vue.js——打包之后资源路径产生问题

Posted 站错队了同志

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue.js——打包之后资源路径产生问题相关的知识,希望对你有一定的参考价值。

  • https://blog.csdn.net/qq_30632003/article/details/79353035
  • https://www.cnblogs.com/diantao/p/7776523.html
  • 对于url,下面的设置比较可行,通过 require 引入
<template>
  <div class="recImage">
    <div :style="{backgroundImage:\'url(\'+urlData+\')\'}"></div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      urlData: ""
    };
  }
};
</script>

 

以上是关于Vue.js——打包之后资源路径产生问题的主要内容,如果未能解决你的问题,请参考以下文章

vue-cli搭建的项目打包之后报“资源路径错误&资源文件找不到“

vue.js - 解决vue-cli打包后自动压缩代码

使用带有渲染功能的 Vue.js 3 片段

Vue.js中用webpack合并打包多个组件并实现按需加载

vue项目打包后资源相对引用路径的和背景图片路径问题

vue.js学习笔记九