一个简单vue.config.js配置和axios简单封装

一个简单vue.config.js配置和axios封装

从vue-cli3.0脚手架开始，搭建的Vue项目，目录中是不存在vue.config.js文件的。所以当我们想要做一些自己的配置的时候要自己手动建一个vue.config.js文件。

1、vue.config.js配置

新建vue.config.js

vue.config.js代码

module.exports = {
   
  publicPath:  process.env.NODE_ENV === 'production' ? '/kuaChengTongBan/' : '/',
  outputDir: 'kuaChengTongBan', // 更改打包路径，项目默认的路径是dist  
  // 请求代理 
  devServer: {
   
      proxy: {
      
        //广州市海珠区
      '/ApprItemInterface': {
   //'/ApprItemInterface'是接口部署的包名
        target: 'http://192.168.0.152:7001',//该包名部署的端口
        ws: true,
        changeOrigin: true
      }, 
      }
  },
  // 生产环境下的sourceMap
  productionSourceMap: true,
  chainWebpack: config => {
   
      if (process.env.NODE_ENV === 'production') {
   
          // 为生产环境修改配置...
          config
              .externals({
   
                  'vue': 'Vue',
                  'vue-router': 'VueRouter'
              })
      } else {
   
          // 为开发环境修改配置...
      }
  },
  lintOnSave: false, // eslint-loader 是否在保存的时候检查
}

2、axios简单封装使用

首先，进入vue项目，打开终端运行下面指令，安装axios

1|