vue组件中引入public文件，build打包后找不到资源报错404

在组件中我使用object标签预览pdf文件

<object width="100%" height="100%" data="/help/help.pdf" type="application/pdf" id='help-object'></object>

该help.pdf文件我是放在了public文件夹下（public/help/help.pdf），为了不被webpack编译（位置如图）

很开心没问题，但是build打包之后给后端，就出现问题了，该文件路径报错404，资源找不到，看到Network中路径不对。

找了半天，修改了配置都不行，后来发现把引入的文件路径前的 / 去掉就可以了，开心打包给后台...

<object width="100%" height="100%" data="help/help.pdf" type="application/pdf" id='help-object'></object>

vue组件中引入public文件，build打包后找不到资源报错404相关推荐

Vue笔记——Vue组件中引入jQuery
Vue笔记--Vue组件中引入jQuery 如果想在普通的HTML页面引入jQuer库的话,直接使用<script src="jQuery.js"></scrip ...
vue-cli构建的vue项目中引入stylus文件
stylus是css预处理器.还有另外两种css预处理器语言详解:less.sass. 不懂的可以先看一下这篇文章:stylus预处理入门在vue项目引入stylus css预处理器,可以让我们的c ...
styl类型文件css,vue-cli构建的vue项目中引入stylus文件
stylus是css预处理器.还有另外两种css预处理器语言详解:less.sass. 不懂的可以先看一下这篇文章:stylus预处理入门在vue项目引入stylus css预处理器,可以让我们的c ...
vue-cli中解决css引用图片打包后找不到文件资源的问题
1.在CSS中引入图片 #slider1 {background-image: url(./bg02.jpg);background-size: cover; } 注意:此处的图片与索引文件在同一个目 ...
Unity AssetBundle打包后L2D（Cubism）报错，CubismMaskRenderer中‘Mesh‘ has been destroyed
版本: L2D SDK版本:CubismSdkForUnity-4-r.2.unitypackage Unity: 2020.3.0f1 报错详情: MissingReferenceException ...
vue项目中引入.xlsx文件
安装3个依赖包 $ npm install -S file-saver $ npm install -S xlsx $ npm install -D script-loader template部分 ...
如何在 vue 项目中引入 html 文件
这里以 vue-cli3 为例子,在pubilc目录下引入html就行了如果需要查看的可用下面的方法 1 window.open(`/ssh-terminal-template/index.html ...
vue组件中校验身份证号，手机号和邮箱
vue组件中校验身份证号,手机号和邮箱直接上代码一.在js文件中添加校验方式和方法 1. 身份证号码校验(说明,这个身份证校验的方式很精确,算法仔细推荐使用) export function id ...
vue样式中背景图片路径_vue打包css文件中背景图片的路径问题
vue-cli写完的静态页面我们在node环境中引入没有问题,但是打包后放在Apache环境下,路径却有问题了如一个简单css语句 .all_bg { background: url(../imag ...

vue组件中引入public文件，build打包后找不到资源报错404

vue组件中引入public文件，build打包后找不到资源报错404相关推荐

最新文章

热门文章