vue中使用axios发送网络请求时解决跨域问题

1、什么是跨域

当发送网络请求时，请求url的协议、域名、端口三者中任意一个与当前页面url不同时候就是跨域

2、如何解决跨域

1）安装axios

npm i axios -S

安装axios之后在package.json文件中即可看到已经引入axios依赖，如下图所示：

2）在main.js文件中添加如下代码

import axios from "axios";
//挂在到全局
Vue.prototype.$axios=axios;

3）建立一个与package.json同级的文件vue.config.js,里面放置以下内容

// vue.config.js
module.exports = {
    devServer: {
        proxy: {
            '/api': {
                target: 'http://localhost:8000', // 后台请求地址
                ws: true,
                changeOrigin: true,
                pathRewrite: {
                    '^/api': '' //通过pathRewrite重写地址，将前缀/api转为/
                }
            }
        }
    }
}

4）发送get请求

axios.get( '/api/polls/returnGet').then(res=>{
  console.log(res);
})