vue+axios 跨域

配置两个文件 config/index.js 以及 src/mian.js

config/index.js

首先在config/index.js 里面找到proxyTable :{} ,然后在里面加入

"/api": {
                target: 'http://localhost:8080',
                changeOrigin: true,
                pathRewrite: {
                    '^/api': '/'      // 这里做了一个路径重写
                }
            }

路径重写说明 :
如上示例最终访问的 url 是; localhost:8080/
改一下 :

pathRewrite: {
      '^/api': '/hello'      // 这里做了一个路径重写
}

那么最终访问的就是 : localhost:8080/hello/

src/main.js
//引入axios
import axios from 'axios'
//跨域配置
axios.defaults.baseURL="/api"+"/mavenSSM";
//使用了全局配置的axios
Vue.prototype.$axios = axios
// 配置直接使用 axios
window.axios = axios
调用时
let url = "show";
      axios({
        method: "get",
        url: url,
        // headers: {
        //   "Content-type": "application/x-www-form-urlencoded"
        // },
        // data: TUser
      })
        .then(response => {
          this.msg = response.data
          console.log(response);
        })
        .catch(error => {
          this.msg = "error"
          console.log(error);
        });
控制台显示

是一个服务器转发的过程,url 并不会变
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值