vue如何写代理

1. 什么是代理？

   答：可以理解为在对象之前设置一个“拦截”，当该对象被访问的时候，都必须经过这层拦截。意味着你可以在这层拦截中进行各种操作。

2. 为什么用代理？
   答：比如你可以在这层拦截中对原对象进行处理，返回你想返回的数据结构，也可以代理端口号，做成全局的，方便管理、操作。

3. 怎么在项目中用代理？
   a. 如果有config文件夹就在文件夹的index.js中写代理。
   b. 如果没有就创建vue.config.js文件，中写代理。
   c. 代码如下：

//如果你的前端应用和后端 API 服务器没有运行在同一个主机上，你需要在开发环境下将 API 请求代理到 API 服务器。可以通过 *.config.js 中的 devServer.proxy 选项来配置。
module.exports = {
  devServer: {//devServer.proxy 可以是一个指向开发环境 API 服务器的字符串
    proxy: {//proxy:{'/api':{}},代理器中设置/api,项目中请求路径为/api的替换为target
      "/API": {
        target: "http://localhost:24511",//代理地址，这里设置的地址会代替axios中设置的baseURL
        changeOrigin: true,// 如果接口跨域，需要进行这个参数配置
        pathRewrite: {//pathRewrite方法重写url
          // 路径重写
          "^/API": "" // 这个意思就是以api开头的，定向到哪里, 如果你的后边还有路径的话， 会自动拼接上
          // 重写之后url为 http://192.168.1.16:8085/api/xxxx
        }
      }
    }
  }
};