vue-cli如何解决跨域问题

Vue-Cli配置跨域代理

目标: 通过配置vue-cli的代理解决跨域访问的问题

为什么会出现跨域问题?

• 简单来说，就是前端调用后端服务接口时
• 如果服务接口不是同一个域，就会产生跨域问题

AJAX跨域场景

• 前后端分离、服务化的开发模式
• 前后端开发独立，前端需要大量调用后端接口的场景
• 只要后端接口不是同一个域，就会产生跨域问题
• 跨域问题很普遍，解决跨域问题也很重要

解决方法

利用vue-cli去开启一个代理服务器

proxy: {
      '/api': {
        target: '代理服务器'
      }
    }