Vue()vue-admin-template的使用一

1.下载vue-admin-template：vue-admin-template: vue-admin-template vue轻量级后台管理系统基础模板 在线预览 相关依赖 vue-router iview axios 功能 登录页 一周七天自动切换不同的壁纸（https://gitee.com/mirrors/vue-admin-template

2.修改vue.config.js里面的DevServer为：（注意：target改成你们自己的IP端口或域名）

devServer: {
    port: port,
    open: true,
    overlay: {
      warnings: false,
      errors: true
    },
    // before: require('./mock/mock-server.js')
    proxy: {
      [process.env.VUE_APP_BASE_API]: {
        target: 'http://localhost:8080',
        changeOrigin: true,
        pathRewrite: {
          ['^' + process.env.VUE_APP_BASE_API]: ''
        }
      }
    }
  },

 3.注释掉main.js中的模拟配置

4.修改src/utils/request.js 文件

修改其中response拦截器来适配你的应用，或者直接返回res，或者直接注释掉此拦截器。

5.在views中新建文件夹，写业务页面，然后去router/index.js中配置路由即可访问了。