vue-配置-@根目录

在日常开发中， 我们导入文件写的是相对位置， 和绝对位置

但是有些人可能知道@/store 是什么意思， 但是自己启动一个自己的vue项目却发现不可以？？！！

什么情况？ 这是玄学吗？！

不！ 不是的

许多新手 可能不知道 vue.config.js 的vue配置文件，

这个文件得自己创建的

将如下代码复制到 vue.config.js 就可以在页面中 使用 @/api 就等于 绝对路径中的 根目录的/api

// vue.config.js
const path = require('path')
const resolve = dir => path.join(__dirname, dir)module.exports = {chainWebpack: config => {config.resolve.alias.set('@', resolve('src'))}
}

提醒

vue.config.js 可以配置许多实用的功能， 有兴趣的可以查看的其余博客