admin管理员组

文章数量:1531657

 1.首先安装axios

npm install axios

2.在vue脚手架里面配置代理

修改vue.config.js

devServer: {
    proxy:{
      '/api':{
        target: 'http://127.0.0.1:10007',  //请求的服务器地址
        pathRewrite:{'^/api':''},  //可以让发过去的请求不带/api打头
      }
    }
  }

3.在组件里直接使用

首先引入axios

import axios from 'axios'

发送请求

mounted() {
    axios.get('http://127.0.0.1:8080/api/show-one/one1').then(
      response => {
          //访问成功时调用，response.data代表返回成功时的数据
          console.log(response.data)
      },
      error => {
        //访问失败时调用，error.message可以表示返回失败时的信息
      }
    )

本文标签： vueaxios

版权声明：本文标题：vue 使用axios解决跨域问题 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/xitong/1725723795a1038696.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。