vue2.0 axios 跨域配置，两个地址

最新推荐文章于 2023-09-05 16:55:43 发布

.. ..

最新推荐文章于 2023-09-05 16:55:43 发布

阅读量561

点赞数

文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/weixin_45597687/article/details/125885831

版权

本文详细介绍了在Vue.js项目中如何配置axios，包括在`config/index.js`中设置proxyTable以代理API请求，以及在`main.js`中全局引入axios并挂载到Vue原型上。在具体页面中，通过`this.$ajax`调用axios进行GET请求，实现数据获取和处理。示例展示了如何查询并展示数据。

摘要由CSDN通过智能技术生成

1、config/index.js 中

    proxyTable:{
      '/api': {
        target: 'http://localhost:8015/',
        changeOrigin: true,
        pathRewrite: {
          '^/api': '/'
        }
      },
      '/ht-cms': {
        target: 'http://localhost:8016/ht-cms/',
        changeOrigin: true,
        pathRewrite: {
          '^/ht-cms': '/'
        }
      },
    },

2、main.js 中

 import axios from 'axios'
 Vue.prototype.$ajax=axios;

3、具体页面使用

        this.$ajax({
          method: "get",
          url: '/api/equInfo/queryJsonData',
          data: {
            limit: 3,
            page: 1
          },
        }).then(res => {
          this.alData = res;
        }).catch(msg => {

        });