查看真实地址方式:
通过配置vue.config.js文件,直接在请求头输出完整地址:
'/api/': {
changeOrigin: true,
target: process.env.VUE_APP_PLATFORM_URL,
logLevel: 'debug', // 在终端输出
onProxyRes(proxyRes, req, res) { // 请求头输出x-real-url2
const realUrl = new URL(req.url || '', process.env.VUE_APP_PLATFORM_URL)?.href || ''
proxyRes.headers['x-real-url2'] = realUrl
console.log(req.url)
}
},
终端效果图:
本文介绍了如何通过修改Vue项目中的vue.config.js文件,实现请求头中输出完整的API地址,并通过proxy设置来显示真实的URL。作者展示了如何在`onProxyRes`钩子中重写URL并打印请求路径。
1009

被折叠的 条评论
为什么被折叠?



