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') }
]