最近接手了一个前后端分离的后台管理系统项目(vue + vue-elementui-admin),那肯定要解决跨域问题,下面介绍下vue-cli3下如何实现跨域代理,方法绝对有效!

1、拦截器中

vue 跨域请求解决方案_vue

2、axios请求中

vue 跨域请求解决方案_vue _02

3、vue-cli3配置.env.development(在项目根目录下),文件需要自己新建!!!!

vue 跨域请求解决方案_vue _03

4、最熟悉的了,在devServr中配置跨域代理

vue 跨域请求解决方案_vue _04

配置万以后,切记要npm run serve,此时/api/login 会代理到你指定的接口地址,大功告成