vue.config.js中的配置:设置@路径

239 阅读1分钟
这是平时在实际开发中所总结出来的,不管难易,只希望和各位交流一下技术,分享一些东西,
共同进步,有什么更好的优化或者有问题欢迎评论区留言,大家帮帮点点赞哦~
在vue.config.jsconst path = require('path')
const resolve = dir => {
  return path.join(__dirname, dir)
}
module.exports = {
  // 如果你不需要使用eslint,把lintOnSave设为false即可
  lintOnSave: false,
  chainWebpack: config => {
    config.resolve.alias
      .set('@', resolve('src')) 
      // key,value自行定义,
      //比如.set('@@', resolve('src/components'))
      .set('_c', resolve('src/components'))
  },
  // 设为false打包时不生成.map文件
  productionSourceMap: false
  // 这里写你调用接口的基础路径,来解决跨域,如果设置了代理,那你本地开发环境的axios的baseUrl要写为 '' ,即空字符串
  // devServer: {
  //   proxy: 'localhost:3000'
  // }
}