一直处理没处理好,终于找到方法了、
手摸手,带你用Vue撸后台 系列五(V4.0新版本)
里面有更新,直接复制代码覆盖即可,
![21f15f8a4546396cb12abafc99654e49.png](https://i-blog.csdnimg.cn/blog_migrate/2dfc8a59cdbd5eab61e69e7da8612703.jpeg)
修改代码的相关配置
1) 打开Vue.Config.Js 修改DevServer下的Proxy :
将:
devServer: { port: port, open: true, overlay: { warnings: false, errors: true }, before: require('./mock/mock-server.js') },
修改为:
devServer: { port: port, open: true, overlay: { warnings: false, errors: true }, proxy: { [process.env.VUE_APP_BASE_API]: { target: `http://*************`, changeOrigin: true, pathRewrite: { ['^' + process.env.VUE_APP_BASE_API]: '' } } } },
最后重新启动项目,并尝试登陆,看是否能成功登陆进系统中,如果没有问题则我们解决了vue-element-admin的去除mock,请求自己接口 以及这个过程中的跨域问题。
![3fd513ebe3e8e278f0dd22b494171c30.png](https://i-blog.csdnimg.cn/blog_migrate/6f9375267ce2a38c06da8178a4630fbb.jpeg)