标签：vue 22 get res 代理服务器 api https 后台

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

2

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/'
      }
    }
  }
}

结果：

标签：vue,22,get,res,代理服务器,api,https,后台
来源： https://blog.csdn.net/MCCLS/article/details/118634519

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。