阅读 92

axios 跨域

main.js

import Axios from axios

Vue.prototype.$axios = Axios;
Axios.defaults.baseURL = /api;
Axios.defaults.headers.post[Content-Type] = application/json;

 

vue2中vue.config.js无效,vue3中config/index.js不存在

vue2  config/index.js 的 module.exports 中

proxyTable: {
      /api: {
        target: "http://127.0.0.1:8000",
        changeOrigin: true,
        pathRewrite: {
          ^/api: ‘‘
        }
      }
    },

vue3 package.json同级目录 新规 vue.config.js

module.exports = {
  //axios域代理,解决axios跨域问题
  devServer: {
    proxy: {
      /api: {
        target: http://127.0.0.1:8000,
        changeOrigin: true,
        ws: true,
        pathRewrite: {
          /api:‘‘
        }
      }
    }
  }
}

wk.vue 请求组件中 路径正常填写

 this.$axios.get(/login, {params: {ID: 12345}})
        .then(function (response) {
          console.log(response);
        })
        .catch(function (response) {
            console.log(response);
        });

 

 

* ‘/api‘ 按需求自定义

原文:https://www.cnblogs.com/sqcokb/p/14660671.html

文章分类
代码人生
文章标签
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐