vue打包后a标签href引用static文件绝对路径改变问题

最新推荐文章于 2024-04-26 16:47:03 发布
最新推荐文章于 2024-04-26 16:47:03 发布
阅读量512 收藏 1
点赞数
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_64152677/article/details/124940303
版权

我用a标签写了一个下载，href是‘static/xxx.excel‘

本地使用没问题，打包后显示文件不存在，那一定是路径出了问题

搜了半天都是不对路的回答

后来仔细看了一下路径，发现在href前面加一个dist就解决了

即打包时把href改成’dist/static/xxx.excel'

解决

早睡早起身体好mo
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
解决vue单页面应用打包后相对路径、绝对路径相关问题
11-20
在项目开发过程中，在部署过程中，用到了反向代理，这就要求前端代码中不能使用绝对路径。但是我们知道，一般情况下，通过webpack+vuecli默认打包后的HTML、css、js等文件，使用的都是绝对路径。下面可以举几个例子来看一下： 1、打包后的index.html文件 2、打包后的css文件 所以，如果在项目中需要使用相对路径来获取静态的资源文件，需要怎么做呢？ 1、修改webpack配置文件中的assetsPublicPath，修改为如下图所示。 修改配置后，进行打包发现，打包后的index.html文件中，对css等文件的调用，变成相对路径。 但是同时我们也会的发现这样修改后，导
前端绝对路径不显示图片_vue cli使用绝对路径引用图片问题的解决
weixin_39998859的博客
12-22 2099
前言Vue是什么，是一套构建用户界面的渐进式框架(官网解释)，什么叫渐进式框架呢，简单回答就是主张最少，这些概念只能自己去看，自己去理解，一千个读者一千个哈姆雷特，不过多的解释。Vue官方文档 很全面的。Vue是近两年来比较火的一个前端框架(渐进式框架吧)，本文将给大家详细介绍vue cli使用绝对路径引用图片问题的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看吧。正文：在页面中使用...
vue静态资源的引用(相对路径,绝对路径,@,~的一些笔记,以图片引入为例,含在线演示)
热门推荐
动感超人的博客
08-21 1万+
vue引入静态资源有相对路径和绝对路径的方式相对路径是URL开头有.绝对路径是URL开头为/或者省略不写相对路径相对的是当前文件绝对路径相对的是public目录并且引入的时候URL开头为~的使用在css里面引入静态资源的时候如果 URL 以 @ 开头会作为一个模块请求被解析。Vue CLI 默认会设置一个指向 src 的别名 @。
a标签下载本地文件
好先
12-26 329
模板放入相对路径，这个只针对下载模板使用，不用后端返回文件流下载，
Vue图片路径问题（动/静态引入：绝对路径、相对路径）
weixin_51747462的博客
11-25 2626
Vue图片路径问题（动/静态引入：绝对路径、相对路径）require使用问题
vuecli中的绝对路径和相对路径
weixin_30347009的博客
09-21 3471
大家网站使用路径的时候，应当尽量使用相对路径，保险也简单 1vuecli 搭建好的默认为绝对路径，记得修改下哦，修改打包后的路径，不然丢服务器会页面空白 2html引图片如下 最好使用相对路径 3css引图片如下 最好使用相对路径 4index.html最好使用相对路径 至于绝对路径和相对路径介绍如下 "./"：代表目前所在的目录。 "...
vue的：href和href
Serenity0614的博客
07-21 6191
不要使用vue.min.js，要用vue.js，可以显示报错信息。 代码段 <ol class="breadcrumb"> <li><a href="shopkeeper_category_list">所有分类</a></li> <li><a :href="'shopkeeper_product_list?cid='+category.id">{{category.nam
vue2.0/vue3.0 添加静态文件
lp-Strive的博客
08-26 6449
vue，静态文件static，静态文件public
前端vue下使用a标签实现下载本地文件的功能
MengRui2333的博客
01-07 1万+
vue的static文件夹中放这个要下载的文件模板，名字可以随意但必须是英文的，前端可以通过设置download内容修改下载后的名字，这里可以是中文的。 <a href="../../../static/template.csv" download="分析模板.csv"> <img src="../assets/image/download.png" widt...
Vue——vue中文件下载的几种方式
qq_43201350的博客
08-30 2766
方式一： 利用a标签创建超链接 href 内是下载路径 download也可以不给值，这样就会使用默认的文件名 <a href="../../../static/images/demo.jpg" download="下载demo.jpg">点击下载</a> 方式二 ： 创建div标签，动态创建a标签： <div name="downloadfile" @click="downloadExcel">下载</div> downloadExcel() {
vue打包静态资源后显示空白及static文件路径报错的解决
11-19
因为打包后的index.html里边的内容都是通过script标签引入的，默认显示的路径不对，打开肯定是空白的。 build: { index: path.resolve(__dirname, '../dist/index.html'), assetsRoot: path.resolve(__dirname
解决Vue打包之后文件路径出错的问题
08-27
下面小编就为大家分享一篇解决Vue打包之后文件路径出错的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue绑定href_Vue 模板语法
weixin_36354817的博客
01-26 2901
模板语法Vue.js 使用了基于 HTML 的模版语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML，所以能被遵循规范的浏览器和 HTML 解析器解析。在底层的实现上，Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统，Vue 能够智能地计算出最少需要重新渲染多少组件，并把 DOM 操作次数减到最少。文本数据绑定最常见的形式就是...
vue a标签 href写值_十分钟浅入Vue 原理
weixin_39848998的博客
11-20 1011
vue原理 引用众所周知vue是一个MVVM 渐进式框架，MVVM是vue的设计模式，在vue框架中数据会自动驱动视图。1、MVVM设计模式 ​ 解释View是视图，就是DOM；对应视图也就是HTML部分--代表UI组件，它负责将数据模型转化成UI展现出来。 Model是模型，就是vue组件里的data，或者说是vuex里的数据；--代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑...
记：vue项目中页面使用a标签下载static中的word文档 本地可以，部署到服务器上不行
weixin_42484910的博客
06-05 1146
问题：vue项目中页面使用a标签下载static中的word文档 本地可以，部署到服务器上不行 原因：本地访问的路径：http://192.168.1.208:8080/#/creditReportP 服务器访问路径：http://192.168.1.183:8090/supplier/#/creditReportP ---- 多个了文件名 查找是错误 解决 将本地的文件下载路径为 改为 ...
vue项目中把文件放到静态资源中，a标签做下载功能路径出错的根本原因
qq_50276105的博客
04-10 1665
【1】public被webpack打包，不变，一开始是什么样子，组后还是什么样子【2】assets被webpack打包，会变成base64或者fallbac格式的文件。
vue项目的业务页面中访问static静态资源，点击下载时报未发现文件
Kratial的博客
04-21 1951
【代码】vue项目的业务页面中访问static静态资源，点击下载时报未发现文件。
Vue2.0常用的传值和获取子/父方法
weixin_42489380的博客
09-22 215
Vue常用的传值和获取子/父方法一、父传子 - 常用二、子传父 - 常用三、子组件修改父组件的方法1、 .sync || $emit四、provide && inject五.ref - DOM操作 || $parent1.父获取子的属性或者方法ref2.子获取父的属性或者方法$parent 一、父传子 - 常用 //父组件 <template> div> <Ab :data ='res'/> //子组件 通过自定义属性 :data=''/>'
vue快速入门（四十六）Router的安装与使用
最新发布
不起眼小菜菜的博客
04-26 525
步骤很详细，直接上教程……
vue打包后文件里路径多了./static
05-01
如果你不想在打包后文件的路径中看到./static，你可以通过修改Vue配置文件来实现。具体来说，你可以在build/webpack.base.conf.js文件中找到output.publicPath的选项，将其改为'/'即可。 除此之外，你也可以通过在...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值