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中配置路由即可访问了。