Vue配置路径别名【多路径访问同一页面】

最新推荐文章于 2023-05-12 14:08:03 发布

什么都干的派森

最新推荐文章于 2023-05-12 14:08:03 发布

阅读量916

点赞数 16

CC 4.0 BY-SA版权

分类专栏： Vue 文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/weixin_43721000/article/details/126889612

Vue 专栏收录该内容

33 篇文章

订阅专栏

本文档介绍了如何在Vue项目中配置vue.config.js文件，以设置自定义路径别名，例如将'distribute_search'映射到'distribute_search'目录，从而简化文件引用。配置完成后，可以通过IP地址直接访问别名路径进行测试。别名可按字典形式添加多个，以优化开发体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

配置
访问测试

配置

根路径下创建 vue.config.js 文件，内容如下

module.exports = {
  lintOnSave: false,
  configureWebpack: {
      resolve: {
        alias: {
          //配置路径别名//在vue中@默认代表src
          //配置后我们调用distribute_search目录下的某个文件，可以直接通过'distribute_search/该文件名'
          'distribute_search': '@/distribute_search'
        }
      }
    }
}