技术解析
/* webpack.dev.config.js */
// 仅有 /api 这一个代理
module.exports = {
// ...
devServer: {
proxy: {
"/api": {
target: "https://my-site.com",
secure: false,
changeOrigin: true,
},
}
}
}
/* src/index.js */
const url = "/api/wx/agent/get/33"
// 这儿, 正确访问 https://my-site.com 域名下的接口
fetch(url)
const url = "/api/wx/user/33"
// 这儿, 竟然访问的是本地域名(192.168..)下的接口
// 这儿应该是 webpack devServer 的 proxy 匹配失败了吧?
// 前后两次, 我控制变量, 只修改了 url 的值, 实在是想象不出, 怎么我随便改变一下 url, 就匹配不了了?
fetch(url)