这几天终于把项目的静态页面做好，后端接口也基本都写好了，今天就跟后台对接一下接口，主要记录一下跨域代理配置。

说明

项目所有的接口文档是写在 showdoc 上面的。

image.png

前期的数据Mock是用的easy-mock

image.png

重点

对于前后端分离就会遇到跨域的问题，所以需要配置代理，在vue.config.js中进行配置。

image.png

  devServer: {
    proxy: {
      "/api": {
        target: "http://xxxx.com/api/", // target host
        changeOrigin: true, // needed for virtual hosted sites
        pathRewrite: {
          "^/api": "" // rewrite path
        }
      }
    }
  }