vue.config.js

/*
 * @Author: your name
 * @Date: 2020-07-05 17:07:38
 * @LastEditTime: 2020-07-06 18:31:13
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /vue-admin-cli/vue.config.js
 */
const path = require("path");

module.exports = {
  lintOnSave: false,
  publicPath: "/admin/",
  pages: {
    index: {
      // page 的入口
      entry: "src/main.js",
      title: "后台管理系统"
    }
  },
  devServer: {
    open: true,
    disableHostCheck: true,
    port: 9000,
    proxy: {
      "/api": {
        target: "http://127.0.0.1:7001/",
        changeOrigin: true,
        pathRewrite: {
          "^/api": ""
        }
      }
    }
  },
  chainWebpack(config) {
    config.resolve.alias
      .set("@com", resolve("src/components"))
      .set("@views", resolve("src/views"))
      .set("@api", resolve("src/api"))
      .set("@store", resolve("src/store"))
      .set("$static", resolve("./static"));
  },
  css: {
    loaderOptions: {
      scss: {
        prependData: `@import "~@/styles/mixins.scss";`
      }
    }
  }
};

function resolve(dir) {
  return path.join(__dirname, dir);
}