Vue proxy代理配置

最新推荐文章于 2024-12-24 19:14:27 发布

原创最新推荐文章于 2024-12-24 19:14:27 发布 · 623 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

vue

当前文章被收录于：

vue

3 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了如何在Vue项目中安装并配置axios库，使用devServer的proxy选项设置代理，以便从本地服务器获取'/prepose'路径下的serverInfo。方法中展示了如何调用该接口并处理响应和错误情况。

安装axios
npm i axios
配置vue.config.js

devServer:{
    proxy:{
      '/prepose':{
        target:'http://localhost:7000',
        pathRewrite:{
          '^/prepose':''
        },
        ws: true,
        changeOrigin:true
      }
    }
  }

获取服务器信息

methods:{
    getServerInfo(){
    axios.get("http://localhost:8080/prepose/app/serverInfo").then
      (response=>{
        console.log('返回数据',response.data)
      },error=>{
        console.log('请求失败',error.message)
      })
    }
  }