vue a链接本地地址失效

最新推荐文章于 2023-12-19 10:31:24 发布
最新推荐文章于 2023-12-19 10:31:24 发布
阅读量686 收藏
点赞数
分类专栏： vue&elementui js&html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Yss915/article/details/121199833
版权

VueCLI3 相对路径 文件引用 public文件夹 项目结构
关键词由CSDN通过智能技术生成

a href链接的相对位置，是相对于index.html的，不是相对于当前文件，在vuecil3中index.html在public文件夹中，

 

比如我在syslog文件中引用mylogs文件夹中的文件是写的./file/myLogs/web_error.log

而不是../../../public/file/mylogs/web_error.log

KILIG_yss
关注
专栏目录
vue路由url不存在则跳转指定页面
EnidChann的博客
07-16 4971
方法1：路由守卫拦截判断 router.beforeEach((to, from, next) => { if (to.matched.length === 0) { // 如果未匹配到路由 from.name ? next({ name: from.name }) : next('/login') } else { next() // 如果匹配到正确跳转 } }) 方法2：对路由做重定向 // routes里加上 { path: '*',redirect: '.
vue项目导入本地_.vue文件怎么引入本地图片
weixin_39563132的博客
01-13 1956
vue引入swiper vue使用swiper vue脚手架使用swiper /引入js文件/引入css文件vue引入swipervue使用swipervue脚手架使用swiper/引入js文件/引入css文件欢迎加入前端交流群来获取视频资料以及前端学习资料：749539640转载文章请注明出处！ 如果只是.vue文件怎么请求api.vue文件怎么请求api1、首先我们安装axios网络请求库...
Vue中:src获取后台传回本地资源路径失效问题
weixin_41967475的博客
02-02 1462
Vue中:src获取后台传回本地资源路径失效问题 最近使用mockjs发现了一个问题，就是:src获取由mockjs模拟后台传回本地静态资源路径失效 直接使用本地静态资源正常显示 <img src="@/assets/img/bg.jpg" alt=""/> :src获取后台传回本地资源路径失效 <img :src="img" alt="" v-if="img"/> data(){ return{ img: "", } }, mounted(){ this.getI
vue脚手架启动成功后，点击跳转链接，报无法找到页面。
jxphuijing的博客
03-19 1464
这两天刚进公司，拉取公司项目下来，安装完依赖，却不能正常跳转。 就像这样， 然后点击就这样，，把我弄懵了， 因为是小白，所以在网上找了一些资料，发现是congig目录下的index.js文件，是和链接地址有冲突的， 一般都是0.0.0.0和localhost是通用的，但是有的机器可能就是不能正常显示，所以，改为localhost以后，重启脚手架。 ...
vue中a标签跳转问题：没有跳转到指定页面，而是在原有的地址进行拼接。
freedomlulux的博客
08-25 3578
问题： 在Vue当中使用a标签，<a href="www.baidu.com"> </a> 点击跳转后，本应该跳转到www.baidu.com，但是url实际地址是：http://localhost:8080/www.baidu.com。 修改如下：<a href="https://www.baidu.com"> </a>就可以避免以上问题。 算是遇到一个小坑，记录一下。 ...
解决浏览器无法访问本地文件的问题（vue3.0+javaSpringBoot）
最新发布
qq_74763440的博客
12-19 1614
解决浏览器访问本地资源受限的问题（适用于头像上传，图像上传预览等）
在vue中使用a链接下载项目中的文件
poppy995的博客
10-26 7178
在vue中使用a链接下载项目中的文件 <a href="../../../static/demo.xls" download="导入模板.xls">点击此处下载模板</a> 会出现文件不存在的问题，将需要下载的文件放在static中 ...
预防cdn链接失效，无缝切换本地文件
darkerxi
11-30 504
如今的前端项目追求的不仅仅是能用能看的程度，而是愈发追求项目的性能，对用户体验的影响。而现在的开发工具在性能优化方面也替我们做很大一部分的工作，想必大家对CDN的使用都是轻车熟路了，但是大家有没有考虑过，万一我们使用的CDN服务器，地址啥的出现了问题，导致我们引用的CDN文件都拿不到了，那么我们的项目崩溃了，天了噜，崩溃了。 因此我们得考虑下，引用CDN的文件拿不到了，应该有相应的处理方案，而不会...
前端连接websocket失败_vue websocket 连接实战及遇到的问题
weixin_39621870的博客
12-23 7617
常规的连接方法websocket () {let ws = new WebSocket('ws://localhost:8080')ws.onopen = () => {// Web Socket 已连接上，使用 send() 方法发送数据ws.send('Holle')console.log('数据发送中...')}ws.onmessage = evt => {// console....
vue实现百度语音合成的实例讲解
10-16
在本文中，我们将深入探讨如何在Vue.js应用中实现百度语音合成功能。Vue.js是一个流行的前端框架，而百度语音合成API（TTS）则提供了一种将文本转化为自然语音的服务。通过集成这两个技术，我们可以为用户提供有声...
Vue组件中html中标签失效
weixin_46772047的博客
09-14 546
由于我们在程序中引入了reset.css，在这个css里面我们重置了一些的样式，从而一些样式的失效
vue build 后资源路径不对
令瑞斌
10-14 9885
vue 打包后资源路径不对，本质是配置错误。在index.js中，要分开配置build 与dev时的路径。 图上是我的资源目录，图下是我的配置文件dev 下，不需改动配置，run dev 即可。 build时，将assetsPublicPath 的路径换成服务器上对应的根目录。 如我的项目在服务器上路径为XXx.hive.cn/vue/ 。直接访问XXx.hive.cn/vue/index.
vue使用a链接地址跳转错误
Yss915的博客
08-27 516
使用router路由跳转时，为 this.$router.push('/register') 使用a链接时，为 href=“/register” 结果跳转到了其他界面 经过百度发现应该使用href=“/#/register” 。
vue 动态绑定href a href动态改变 vue href改变 vue 修改href
Taurus_666
07-19 6382
如何在vue项目中动态改变href 问题： 由于将所有api都放在一个js中，对于下载或者有外链时需要使用a标签，那么就需要引用js文件，但是发现a标签不能直接引用外部js的参数； 解决办法： 使用计算属性computed来获取； <a :href= 'downloadExcelUrl' download="">下载模板</a> //引入的外部js const ...
vue3中怎么用a标签跳转页面_vue2.x与vue3.x语法对比浅析
weixin_32821043的博客
02-01 2949
Vue3.0推出已有一段时间了，各位小伙伴们都有安排上学习没，想要技术进阶的同学赶紧学习起来吧。如果你对vue3不是特别了解，或者打算去学习，可以看看下面的分享，希望对大家有所帮助！创建项目首先更新vue-cli到最新版本。npm install -g @vue/cli # OR yarn global add @vue/clivue create hello-vue3# select vue 3...
用VUE时前端传值带有特殊符号的，到后台却被转义了终于解决了！！！！！
热门推荐
weixin_45260280的博客
10-10 1万+
废话不多说。之前在写前端时，看了控制台数据传输时正常的10018-001->，但是到了后台直接变成了10018-001-&gt当时抓狂了！！！ 最后在伟大的度娘上找到了解决方法！！！！ 最后利用java的StringEscapeUtils.unescapeHtml4，成功解决问题！ 直接上代码 String s = StringEscapeUtils.unescapeHtml4(bomNo) 接收bomNo进行编译成String的s 这样就行了！！！ ...
a标签点击失效的处理方式
qq_39910019的博客
03-30 4184
首先看看检查网页组件上的a组件是否加上了链接，没加上再检查下地址。 如果有链接可以尝试事件委托，将事件绑定到外层。 还有一种情况就是iscroll插件的影响,在scroll = new IScroll($('.content')[0],{ });里添加click: true即可。 如果出现其他情况会再补充 ...
【vue3+ts】——a标签href跳转地址拼接
weixin_44867717的博客
09-06 4420
【vue3+ts】——a标签href跳转地址拼接 结构 <span v-else> <a style='color:#409EFF;font-size:14px' :href=reportForm.detailUrl>【点击链接可进入系统进行审批】 </a> </span> 详细版 <lise-message class='pt-16 pb-16' :file='fileList' :title='repo
vue3利用 a 标签，文件流，JSZip 压缩包，实现文件下载
MoXinXueWEB的博客
09-07 5976
小菜鸟在摸鱼
vue3访问本地接口地址
06-03
在Vue3中访问本地接口地址，可以使用axios来发送HTTP请求。首先需要安装axios库，可以使用npm命令进行安装： ``` npm install axios --save ``` 接下来在Vue组件中引入axios库，并使用axios来发送HTTP请求。例如，以下代码演示如何使用axios来获取本地接口地址的数据： ```javascript <template> <div> <ul> <li v-for="item in items" :key="item.id">{{ item.name }}</li> </ul> </div> </template> <script> import axios from 'axios'; export default { data() { return { items: [], }; }, mounted() { axios.get('http://localhost:3000/api/items') .then((response) => { this.items = response.data; }) .catch((error) => { console.error(error); }); }, }; </script> ``` 在上面的代码中，我们使用axios库的get方法来获取本地接口地址`http://localhost:3000/api/items`的数据。在请求成功后，将数据赋值给Vue组件的items属性，最终渲染到页面上。如果请求失败，则在控制台输出错误信息。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值