vue综合中后台项目代理服务器解决跨越问题

最新推荐文章于 2024-03-08 20:37:33 发布

兜里揣着星星

最新推荐文章于 2024-03-08 20:37:33 发布

阅读量192

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/MCCLS/article/details/118634519

1.原理：绕过浏览器上的域名限制,通过代理服务器,进行连接

2.设置两个get请求

export default {
  name: "Home",
  components: {},
  methods: {
    async getApi() {
      let res = await axios.get("community/square?start=7&limit=10");
      console.log(res);
    },
    async getApi1() {
      let res = await axios.get(
        "rest/statistics/stat?value=[{%22app_name%22:%22Chrome%22,%22page%22:%22MIBBS_MyBoard%22,%22stayTimeInMs%22:0,%22itemDataList%22:[{%22itemName%22:%22MIBBS_MyBoard_exposure_page%22}]}]"
      );
      console.log(res);
    },
  },
  mounted() {
    //dgetApi();
    this.getApi();
    this.getApi1();
  },
};

3.在vue.config.js文件设置两个代理服务器

// module.exports = {
//   devServer: {
//     //设置开发服务器,将未知接口转发到哪一个服务器上
//     proxy: 'https://prod.api.xiaomi.cn/'
//   }
// }

module.exports = {
  devServer: {
    proxy: {
      '/community': {
        target: 'https://prod.api.xiaomi.cn/',
        changeOrigin: true
      },
      '/rest': {
        target: 'https://prod.api.xiaomi.cn/'
      }
    }
  }
}