const path = require('path');
module.exports = {
  lintOnSave: false,
  // cli3代理是从指定的target后面开始匹配的，不是任意位置；配置pathRewrite可以做替换
  devServer: {
    proxy: {
      "/api": {
        //api的意义在于声明axios中url已/api开头的请求都适用于该规则，
        //注意以/api开头，即：axios.post({url:'api/xxx/xxx'})
        target: "http://localhost:3000",
        //此处target的意义在于：造成跨域是因为访问的post与我们的请求头里origin不一致，所以我们要设置成一直
        changeOrigin: true, //支持跨域
        pathRewrite: { "^/api": "" } //重写路径：取缔哦路径中开头的'/api'
        //既然设置了代理，则所有请求url都已经写成/api/xxx/xxx，请求如何知道我们到底请求的是哪个服务器的数据呢
        //因此这里的意义在于， 以 /api开头的url请求，代理都会知道实际上应该请求那里，
        // ‘我是服务器/api’，后面的/api根据实际请求地址决定，即我的请求url：/api/test/test，被代理后请求的则是
        // https://我是服务器/api/test/test
      }
    }
  },
  chainWebpack:config=>{
    const types = ['vue-modules','vue','normal-modules','normal'];
    types.forEach(type=>addStyleResource(config.module.rule('stylus').oneOf(type)));
  }
  
};
function addStyleResource(rule){
  // rule.use('stylus-resource').loader('style-resource-loader').options({patterns:[path.resolve(__dirname,'./src/css/var.styl')]})
}