vue配置@根目录

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 可以配置许多实用的功能， 有兴趣的可以查看的其余博客