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

Vue配置与访问测试：简化项目路径别名

最新推荐文章于 2023-06-17 09:46:16 发布

原创最新推荐文章于 2023-06-17 09:46:16 发布 · 935 阅读

18 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

Vue 专栏收录该内容

33 篇文章

订阅专栏

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

文章目录

配置
访问测试

配置

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

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