vue中的配置

在项目根目录下创建一个vue.config.js

module.exports = {
  // 配置webpack
  configureWebpack: {
    // 配置与路径相关的
    resolve: {
      // 省略文件后缀名
      // extensions: ['.js', '.vue', '.json'],
      // 配置别名,修改后需要重新编译，才会生效
      alias: {
        'assets': '@/assets',
        'common': '@/common',
        'components': '@/components',
        'network': '@/network',
        'views': '@/views',
      }
    },
    // 配置本地服务器
    devServer: {
      compress: true,  // 启用压缩，代码占用的空间少，在互联网传输快
      port: 8080,  // 设置打开的端口
      host: '127.0.0.1',  // host
      hot: true,  // 热启动
      open: true,  // 浏览器自动打开
      // 服务器代理，实现跨域访问接口
      proxy: {
        '/api': {
          target: 'xxx', //接口地址
          ws: true, //是否开启websockets
          changOrigin: true, //允许跨域  
          pathRewrite: {
            '^/api': '' //请求时使用这个/api前缀就可以
          }
        }
      }
    },
  }
}