vue+.netcore webapi前后端分离跨域请求配置

1.安装http库-axios（axios 是一个基于 promise 的 HTTP 库）：

npm install --save axios vue-axios    // npm安装

import Vue from 'vue'
import axios from 'axios'
import VueAxios from 'vue-axios'

axios.defaults.baseURL = 'http://localhost:50538';// 配置接口地址

Vue.prototype.axios = axios;    // 改写vue的原型属性

2.axios使用：

    在vue组件中：

methods: {
        getTitleInfos() {
            this.axios
                .get("/api/values")
                .then(res => {
                    console.log("res",res);
                })
                .catch(err=>{
                    console.log("err",err);
                })
        }
    },
created() {
    this.getTitleInfos();
},

 前端配置完成。

3..netcore webapi配置

在startup.cs中更新配置：