1. 这里以axios发请求为例
axios.get("/abc/def");
axios.get("/abc/ghi");
axios.post("/abc/jkm");
axios发送的请求是本地的服务器地址拼接上发送的请求，如 http://localhost:8080/abc/def
2. 如果发送的请求都以 /abc 开头，那么我们就可以在proxy中进行服务器代理配置。
devServer: {
proxy: {
"/abc": {
target: "http://XX.XX.XX.XX:8081",
changeOrigin: true,
ws: true,
secure: false,
},
},
},
- "/abc":{} : 引号中代表监测的是以 /abc 开头的接口
- target : 代表监测到以 /abc 开头的接口后，把axios请求中前面的本地服务器地址改为后端接口地址，实际发送给后端的请求就是下方后一个请求
http://localhost:8080/abc/def --> http://XX.XX.XX.XX:8081/abc/def - changeOrigin : 是否跨域
- ws : 如果要代理 websockets，配置这个参数
- secure : 如果是https接口，需要配置这个参数（如果是http接口，也可以不写这个参数）
- pathRewrite ：替换请求中匹配的内容。在3的方法2中详细解释用法，上方未使用此参数