vue 如何解決路徑變化問題--alias

低調的D吖 低調的D吖 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 100+累计阅读 121平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄14年
关注
原创 最新推荐文章于 2026-07-30 10:15:04 发布 121 阅读 AI 写同款· GEO 优化 ›
Nginx实战：同一域名端口下如何优雅部署多个Vue项目（附完整配置代码） 本文详细讲解了如何利用Nginx在同一域名和端口下优雅部署多个Vue项目。通过深入解析Nginx的`location`指令、`root`与`alias`的区别，并重点解决Vue Router History模式下的页面刷新404问题，提供了完整的配置代码和实战流程。文章还涵盖了前端项目构建调整、Docker容器化部署及性能安全优化等高级场景，帮助开发者和运维人员高效管理多应用部署。 阅读详情 
resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      '@': resolve('src'),
      'assets':resolve('src/assets'),//vue cli3 'assets':resolve('@/assets')
      'components':resolve('src/components'),
     
    }
  },

 

收录于
vue

当前文章被收录于：

vue
36 篇文章 2 人学习
订阅专栏 查看详情
js

当前文章被收录于：

js
29 篇文章 0 人学习
订阅专栏 查看详情
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
VSCode里@路径跳转总失灵？别慌，这份保姆级排查指南帮你搞定（含Vue/React/TS项目配置） 本文详细解析了VSCode中@路径跳转失效的常见问题及解决方案，涵盖Vue、React、TypeScript等项目的配置技巧。从基础检查到高级排查，提供保姆级指南帮助开发者快速定位并修复路径跳转问题，提升开发效率。 阅读详情

相关推荐

Vue PWA项目中favicon.ico替换失效的解决方案与配置优化

本文针对Vue PWA项目中替换favicon.ico图标失效的常见问题，深入剖析了其根源在于@vue/cli-plugin-pwa插件接管了图标管理。文章提供了通过配置vue.config.js中的pwa.iconPaths选项，将图标引用重定向至自定义文件，并详细说明了从准备图标、修改配置到重启服务、清除缓存的完整解决方案与优化实践。

weixin_29022115的博客 409

vue项目引入背景图报Module not found: Error: Can‘t resolve ‘./src/assets/theme/logo_blue.png‘ in‘xxx‘错误

本文链接：https://blog.youkuaiyun.com/qq_34767115/article/details/95962738 之前使用都是没有问题啊,为什么有问题呢?去查资料 很快找到了解决办法 background: url('./src/assets/theme/logo_blue.png') no-repeat center center; 改为 background: url('~@/assets/theme/logo_blue.png') no-repeat center center; 那

weixin_45494262的博客 2177

Isograph工具解析：FTA、RBD、FMECA与ETA在可靠性工程中的实战应用

可靠性工程是确保复杂系统安全稳定运行的核心学科，它通过量化方法评估和提升系统在特定条件下的无故障运行能力。其基本原理涉及对系统失效模式、概率及影响进行建模与分析，旨在将定性的工程经验转化为定量的决策依据。在工程实践中，故障树分析（FTA）和可靠性框图（RBD）是两种互为补充的关键技术：FTA采用自上而下的演绎逻辑，追溯导致顶事件发生的所有可能故障组合；RBD则采用自下而上的归纳逻辑，描述系统成功运行所需的功能结构关系。这些分析技术的工程价值在于能够提前识别设计薄弱环节，量化风险，并指导设计优化与维修策略制定

weixin_42522009的博客 317

vue router alias 同一页面配置 两个不同的path 路径

效果 注意顶部路径变化 router.js 路由页面配置 使用 alias:’‘ 配置其他路径即可 import Vue from 'vue' import Router from 'vue-router' import index from '@/components/index' import son2 from '@/components/son2' Vue.use(Rou...

小羽向前跑 6174

安信可TB蓝牙模组系列 实战Ble Mesh智能照明系统搭建

本文详细介绍了如何使用安信可TB蓝牙模组系列搭建Ble Mesh智能照明系统。从硬件准备、固件烧录到手机APP组网全流程，提供了实战步骤和优化建议，特别适合智能家居开发者入门。Ble Mesh的自组网能力解决了蓝牙传输距离限制，实现全屋灯光智能控制。

weixin_30856725的博客 353

osgearth添加经纬度网格，并显示鼠标所指经纬高度信息

一、代码 osgearth官方例子 #include <osg/Notify> #include <osgGA/StateSetManipulator> #include <osgViewer/Viewer> #include <osgViewer/ViewerEventHandlers> #include <osgEarth/MapNode> #include <osgEarthUtil/EarthManipulator> #

ljjjjjjjjjjj的博客 3564

VUE3中一些变化点1：alias

【代码】VUE3中一些变化点1：alias。

阿赛 506

SE模块理解+SE-Resnet模块pytorch实现

文章目录SE模块理解SE实现注意力机制原因SE-resnet网络pytorch实现定义residual定义SE模块 SE模块理解 SENet是Squeeze-and-Excitation Networks的简称，拿到了ImageNet2017分类比赛冠军，其效果得到了认可，其提出的SE模块思想简单，易于实现，并且很容易可以加载到现有的网络模型框架中。SENet主要是学习了channel之间的相关性，筛选出了针对通道的注意力，稍微增加了一点计算量，但是效果比较好。 SE模块广泛应用于去噪，去雨方向，利用SE模

qq_42754919的博客 2万+

【VUE】process.env，require，vite.config.js等问题的解决

问题产生的原因：1.用vite进行项目构建。2.部分使用的是以前迁移过来的vue2的代码。3.npm及node更新版本之后出现的区别。 问题1：process.env找不到（process is not defined） 问题描述：在vue2中可以使用process.env，但vue3中不再使用。 问题解决：在vite.config.js中添加define: { 'process.env': {} },即可解决 图片： 参考：https://blog.youkuaiyun.com/henryhu712/artic.

RogerQianpeng的博客 5150

【AI黑话日日新】什么是AI Infra？

是支撑AI模型开发、训练、推理、部署与规模化运营的，是连接底层算力与上层AI应用的“数字基建”。没有高效的AI Infra，大模型训练、推理与落地都无法高效实现。

专注：太空算力、AI infra、异构调度、大模型成本工程 1107

淘宝母婴用品数据挖掘及可视化分析研究

1. 背景介绍 在当今的电子商务时代，母婴用品市场已经成为了各大电商平台的一片蓝海。淘宝作为中国最大的电子商务平台，其上的母婴用品交易数据自然引人关注。理解这些数据，可以帮助商家更好地制定营销策略，也可以帮助消费者更好地选择产品。因此，本文将对淘宝母婴用品的数据进行深入的挖掘和分析。 1.1 电子商务的

AI天才研究院 1258

alias和redirect的区别

1 redirect：重定向 { path:'/home', name:'home', component:()=>import('@/components/a.vue'), redirect:'/index' //重定向 } 当访问/home时，跳转后显示的url：/index 显示的是重定向后的地址即inde...

qq_41068783的博客 1614

YOLOv11涨点改进 | Conv篇/小目标改进 | YOLOv11引入SPDConv卷积特征无损下采样模块，增加YOLOv11小目标P2检测层（助力小目标任务高效涨点）

本文提出了一种创新的SPDConv模块来优化YOLOv11模型，通过空间到深度(SPD)层和非步幅卷积层实现特征无损下采样。该方法有效解决了传统CNN中因跨步卷积和池化层导致的细粒度信息丢失问题，特别提升了小目标检测性能。实验表明，SPDConv在目标检测和图像分类任务中显著优于现有SOTA模型。文章详细介绍了模块原理、核心代码实现，并提供了YOLOv11集成SPDConv的具体方法，包括配置文件修改和P2层增强等优化技巧。该技术为计算机视觉任务提供了一种高效的特征保留方案。

Ai缝合怪、助力小伙伴高效发论文 586

webpack中 resolve.alias 配置，@import相关踩坑

1、在使用webpack打包项目时，可以在配置文件中配置resolve.alias来定义一些绝对路径，方便在项目中灵活使用路径，举例如下： resolve: { extensions: [‘.js‘, ‘.vue‘], alias: { ‘@‘: path.resolve(__dirname, ‘src‘), ...

weixin_30399871的博客 2056

Probability and Statistics - 4th edition

Probability and Statistics - 4th edition

华为的C语言编程规范.pdf

华为技术有限公司内部技术规范。本规范制定了编写C语言程序的基本原则、规则和建议。从代码的清晰、简洁、可测试、安全、程序效率、可移植各个方面对C语言编程作出了具体指导。

Vue-基础篇

前言本系列学习，基于下面这位掘金作者，讲的很详细，而且免费看，对于vue学习者非常有好处。 作者：花裤衩 链接：https://juejin.im/post/59097cd7a22b9d0065fb61d2 components这里往往放一些全局经常会用到的组件，比如左边栏，有些组件用于规范化页面风格，比如每个页面的主体内容头部应该怎样规范等。而页面是不写在这个...

测试 440

jdk-8u144-linux-x64.tar.gz.

该资源为搭建Linux系统Java环境用，资源的后缀为tar.gz格式的压缩包

Vue2迁移dart-sass遇到的10个坑及解决方案

以前在node-sass中可以省略文件扩展名或使用相对路径的写法，在dart-sass中可能会报错。如果mixin定义了默认参数，但在调用时传入了undefined值，node-sass会使用默认值，而dart-sass会报错。在嵌套的规则中，node-sass允许覆盖父级变量，而dart-sass会保持变量的原始值。虽然初期遇到了一些兼容性问题，但长远来看，dart-sass的性能更好，维护也更活跃，值得花时间进行迁移。它的在线编辑器支持实时预览，一键就能看到修改后的效果，省去了本地反复编译的麻烦。

EmeraldWolf23的博客 790

VC中sqlite的使用

在VC中对sqlite的使用，实现数据库大批数据的快速插入，读取数据库中的数据在ListCtrl中显示

项目小白跟练第三天---路由配置并为src路径配置别名

作用：能通过监听 URL 变化（如/home/about），匹配对应的 Vue 组件并渲染到指定区域（），实现无刷新的页面切换。

2402_82360441的博客 1155

记录--Vue使用CDN引入，响应式失效？

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 背景 最近心血来潮，想要在本地开发时，也用CDN的方式引入 Vue，想着既然通过CDN引入了，那么在项目中就没必要再 import Vue，然后把项目中引入 Vue 的地方都删掉，结果改完后，界面看似正常运行，但数据变更后，界面没有重新渲染。经过一番折腾，终于定位到问题。 vue版本：Vue2.7+；打包工具：Vite；核心插件：...

林恒的博客 402

6-6.Vue-router之路由重定向

Vue-router 路由重定向redirect 路由重定向：一般用在不同的页面跳转到同一个页面或是同一组件的情况。 这时需要用到的是redirect参数，将要跳转的页面路径添加到redirect参数后。 在路由重定向时，有两种情况： 1.不携带参数进行路由重定向 例子：demo2页面重定向到demo页面 在src/router/index.js文件下增加demo2路由，这时不需要写compon...

落叶的博客 3337

多个vue项目如何用nginx部署在同一端口下

如题，项目部署我们都经历过，这个过程也是十面埋坑。其实部署vue应用比较简单了现在，特别是cli3出来后，比以前要容易多了。这里记录一次在nginx同一端口下部署多个vue应用的过程。nginx用来做代理很好用，可以解决跨域问题。 那么，如何在一个端口号下部署多个应用呢？这个需求有什么用？比如你的一个服务器上部署了很多应用，各个项目的，每个都占用一个端口，那可能现在还要映射到外网去，方便给客户演示。这个资源总是有限的，所以如果能省一个端口最好就省一个。特别是像一个项目里有多个子系统，各系统又是独立开发的，这

mr_jhc的博客 3502

Vue Router 路由重定向与别名详解

在单页应用开发中，路由管理是核心功能之一。Vue Router 作为 Vue.js 官方的路由管理器，提供了强大的路由控制能力。本文将深入讲解 Vue Router 中两个重要概念：重定向(Redirect)和别名(Alias)，帮助开发者更好地组织应用的路由结构。 ## 路由重定向 ### 基本概念 路由重定向是指当用户访问某个路径时，自动跳转到另一个指定路径的功能。这在以下场景中非常有用...

gitblog_01049的博客 615

Vue无法解析文件踩坑

在Web开发中，特别是在使用Vue.js和它的构建工具Vue-cli时，@ 符号通常用作一个别名（alias），它指向项目的 src 目录。这里，@ 会被构建工具Webpack解析为 src 目录的路径，因此实际引用的路径就是 src/assets/images/login-background.png。使用别名的好处在于，如果你的项目结构发生变化（重命名或移动 src 目录），只需要更新构建配置中的别名设置，而不需要在项目的每个文件中手动更新路径。在Vue项目中使用bgi设置背景图，结果无法解析文件。

Pie_WW的博客 1079

Vue.js 3 + Sass/Scss 项目实战：5步配置与3个常见编译错误排查

本文详细介绍了在Vue.js 3项目中配置Sass/Scss的5个关键步骤，包括环境准备、项目结构设计、高级配置技巧以及3个常见编译错误的排查方法。通过实战案例和最佳实践，帮助开发者高效使用CSS预处理器提升前端开发效率，特别适合Vue.js开发者优化样式工作流程。

weixin_34050005的博客 310

Vue Router 4.x 路由配置实战：9个核心属性详解与3个最佳实践

本文深入解析Vue Router 4.x的9个核心路由配置属性，包括path、name、component等，并提供3个最佳实践案例。通过实战代码演示如何实现权限控制、动态路由加载和国际化方案，帮助开发者掌握高效的路由配置技巧，提升Vue单页应用的开发体验。

weixin_33860528的博客 469
上一篇： vue-cli腳手架install
下一篇： vue aixos網絡請求的開發封裝
点赞 0
评论 0
书签 书签 0
低調的D吖
低調的D吖
博客等级 码龄14年 9粉丝 52原创
+ 关注 专栏目录 订阅专栏
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值