解决Vue3.0 跨域问题

解决Vue3.0 跨域问题

当你的vue3.0和本地api服务器存在跨域可以使用此方法解决

main.js

//默认使用axios
Vue.prototype.$axios = axios
//更改axios默认路径，改为 /api 原因是要在vue.config.js里面配置
axios.default.baseURL='/api'

因为Vue3.0没有vue.config.js所以需要手动添加

在这个文件里面写跨域的字段

 devServer:{
        proxy:{
            '/api':{
                target:"http://localhost:3000/",//API服务器地址（更换为你的路径）
                ws:true,//代理websocked
                changeOrigin:true,//虚拟的站点需要更管origin
                pathRewrite:{
                    '^/api':''//重写路径
                }
            }
        }
    }

这样就可以在本地访问别的端口号的api接口