Vue配置代理跨域 vue.config.js解决跨域问题

vue.config.js配置文件在vue3中没有这个文件，需要手动创建，在最外层，
在packjson.json文件同一层

module.exports = {
    devServer: {
        proxy: {//配置跨域
            '/api': {
                target: 'http://localhost:8088/',//这里后台的地址模拟的;应该填写你们真实的后台接口
                changOrigin: true,//允许跨域
                pathRewrite: {
                    '^/api': ''//请求的时候使用这个api就可以
                }
            }
            
        }
    }

}

使用方式

如果没有安装axios 先安装axios 
npm install axios --save

在新建的vue文件中，引入axios
写一个简单的请求

<template>
  
</template>

<script>
import axios  from "axios"
export default {
    mounted(){
    	//这里的api会找到后台配置的vue.config.js中的api
        axios.get('api/getAllASDcomputer').then(res=>{
            console.log(res);
        })
    }
}
</script>

<style>

</style>

封装axios后如何调用

import axios from "axios";

//得到轮播图数据
export function GetBanner(){
	//这里的api也会找到vue.config.js中的api进行代理
   return axios.get(`api/banner?type=1`)
}