vue2.0 跨域问题解决方案

最新推荐文章于 2024-03-29 09:16:16 发布

置顶右耳朵猫

最新推荐文章于 2024-03-29 09:16:16 发布

阅读量2.1k

点赞数

分类专栏： VUE

本文链接：https://blog.csdn.net/u013891584/article/details/82789429

版权

VUE 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1. 找到 config/index.js

proxyTable: { 
  '/api': {  //使用"/api"来代替"http://f.apiplus.c" 
    target: 'http://f.apiplus.cn', //源地址 
    changeOrigin: true, //改变源 
    pathRewrite: { 
      '^/api': 'http://f.apiplus.cn' //路径重写 
      } 
  } 
}

2.main.js

import Vue from 'vue'
import App from './App'
#引入http组建
import axios from 'axios'
Vue.prototype.$http = axios
Vue.config.productionTip = false
new Vue({
  el: '#app',
  components: { App },
  template: '<App/>'
})

3.页面调用(.vue)

<script>
export default {
  name: 'HelloWorld',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App',
      msg2:'',
    }
  },
  mounted(){
    this.getinfo();
  },
  methods:{
      getinfo(){
        this.$http.get('/api/focus/userlogin').then((response) => {
          console.log(response.data)
        })
      }
  }
}
</script>