代理服务器；组件通信

代理服务器proxy

代理服务器的流程概念：就是通过本地到代理服务器，再通过代理服务器到服务器中，然后服务器中返回的再从服务器到代理服务器，在从代理服务器发送到本地，代理服务器简单来说，就是一个中介，用来传输数据。

代理服务器在vue.config.js中

是通过devServer进行的

举例：

​
  // devServer:{
  //   proxy:"接口地址"
  // },
  devServer: {
    proxy: {
      '^/api': {
        target: "接口地址",
        // ws: true,     //websockt   聊天
        // changeOrigin: true,      //对服务器撒谎，对服务器说：咱俩的基地址是一样的
      },
      '/uploads': {
        target: "接口地址"
      },
      '^/xuexiao': {
        target: "接口地址",
        pathRewrite: { '^/xuexiao': '' }  //要是以xuexiao开头的地址，选择这个链接，并且会把xuexiao删除为空''
      }
    }
  }
​
})

---

组件注册与通信

父子传值props

父在组件中获取到子组件，然后在子组件的标签中，进行传值，子组件在props中进行接收值。

子父传值$emit

子组件在便签中定义事件如：@click:'add'，在methods方法中，通过add方法中$emit进行传值

格式：$emit('事件名称',‘值’)

父组件通过事件名称来绑定方法然后在methods中获取