vue 项目中配置@绝对路径

注意: vue 项目中默认定义了@就代表了src这个文件夹的路径.

 

新建一个vue.config.js文件:

const path = require('path')
const resolve = dir => {
  return path.join(__dirname, dir)
}

module.exports = {
  chainWebpack: config => {
    config.resolve.alias
      .set('@', resolve('src'))
      .set('_v', resolve('src/views'))
  }
}

 

其他文件中:

const routes = [
  { path: '/', redirect: '/login' },
  { path: '/login', meta: { title: '登陆' }, component: () => import('_v/login/Login.vue') }
]