Vue反向代理服务器

在项目中创建 vue.config.js 文件

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:3000',
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
}

原理：

让proxy通过vue帮你产生一个代理服务器，

然后通过这个代理服务器去请求数据，最后把请求的数据返回给你

/api，表示，哪一种接口需要使用跨域？

如果我请求的路径是以/api开头，则使用代理服务器

毕竟不是所有的接口都需要使用跨域

target：要跨域跳转到的位置

根据你访问的路径判断是否要使用跨域，如果是以/api开头的，

则接下来拼接的时候，会把/api给省略掉

我们baseurl配置：

baseURL: '/api',