由于该框架默认使用mock js模拟数据,在结合后台实际运用中我们需要访问后台api,所以第一步就是配置后台api地址。
如图在devServer对象下配置proxy(没有就新增),更多配置查看官方文档
proxy: {
[process.env.VUE_APP_BASE_API]: {
target: process.env.VUE_APP_BASE_API,
changeOrigin: true, //配置跨域
pathRewrite: {
['^' + process.env.VUE_APP_BASE_API]: ''
}
}
}
最后注释掉mock-server.js注入
3、npm run dev
重新运行,点击登录查看是否配置生效