代理服务器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中获取