***Vue-router 路由别名配置***

根目录新建文件  vue.config.js

const path = require("path")
function resolve(dir) {
    return path.join(__dirname, dir)
}
module.exports = {
    chainWebpack: (config) => {
        // 第一参数@$代表别名，第二个参数代表替代的开始路径
        config.resolve.alias.set("@s", resolve('src'))
    }
}

此时的页面地址如果是src目录下的，可以简写为    @s/......

{
    path:'/news',
    name:'news',
    component:()=>
        import('@s/views/News')
}