vue请求代理查看真实地址

在Vue项目中，通常会使用webpack的devServer来配置代理，以便将API请求代理到实际的后端服务器。如果你想查看实际发出的请求地址（即代理后的地址），可以通过以下方法：

1. 在Vue项目的vue.config.js文件中配置devServer的proxy。
2. 使用浏览器的开发者工具（如Network tab）来查看实际发出的请求。

下面是一个简单的vue.config.js配置示例，其中配置了一个名为/api的代理：

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://backend.server.com', // 实际后端服务器地址
        changeOrigin: true, // 改变源地址，使得服务器相信请求来自于代理地址
        pathRewrite: {
          '^/api': '' // 重写路径，去除`/api`
        }
      }
    }
  }
};

假设你有一个API端点/users，你想要代理它，你可以这样发送请求：

this.$http.get('/api/users').then(response => {
  // 处理响应
});

在这个例子中，请求实际上会被代理到http://backend.server.com/users。

要查看实际的请求地址，你可以在浏览器的开发者工具中选择Network tab，然后在发起请求后刷新页面，你将能看到所有网络请求的详细信息，包括实际发送的请求URL。如果你想要在代码中动态获取代理后的地址，你可以直接使用代理配置中的信息拼接。