Vue-cli项目解决跨域问题

前后端分离开发是如今Web开发的一个趋势，不过前后端分离开发也给开发带来了一些区别于传统项目的问题。
由于前后端分离开发中，前端项目和后端项目由于需要部署在不同的服务上，基于浏览器的同源策略限制，前端的JavaScript脚本所发出的异步请求，无法和后端的接口进行交互，这就是前后端分离开发中的跨域问题。

如果在Vue项目中想要解决跨域问题，我们可以直接在vue.config.js配置文件中配置项目的代理路径，这样即可解决Vue项目的跨域代理问题。

• vue.config.js

  module.exports = {
      devServer:{
          port:9090, // 启动端口
          open:true,  // 启动后是否自动打开网页
          proxy: 'http://127.0.0.1:8080' //代理路径，如果在当前路径下没有找到对应的服务器资源，则去代理路径寻找
      }
  }

  【备注】vue.config.js文件放在项目目录的下面，与src目录、node_modules目录同级。