Vite中配置路径别名

配置路由的时候不想通过…/…/访问
vite中配置别名和vue2的配置类似
首先初始化一个vue3+vite的项目,新建一个vite.config.js
在项目中引入基于nodejs的path模块

  1. 先引入path模块
  3. const { resolve } = require(‘path’)
  5. 添加如下代码 将项目中静态src路径修改为/@/ (重启项目即可配置成功)
  7. resolve: {undefined
  8. alias: {undefined
  9. ‘/@/’: resolve(__dirname, ‘src’),
  10.   },
  11. }
  13. vite 和 vite2版本配置不一致
  14. 如果项目是vite，要将最外层的resolve给取消掉