vue3跨域怎么解决？

其实很简单

假设一个接口;

http://101.42.170.68:10000/open/mockData/test1

首先，看自己项目中有没有vue.config.js文件，如果没有自己创建一个，如果有那吗在其中写。

vue.config.js:

//固定格式，修改一部分就行了
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({devServer: {proxy: {
//根据假设的接口，带一个api，那吗我们把下面这个/open，也改成api，其他不用管'/open': {target: 'http://101.42.170.68:10000/open',// API服务器的地址ws: true,  //代理websocketschangeOrigin: true, // 虚拟的站点需要更管originpathRewrite: {   //重写路径 比如'/api/aaa/ccc'重写为'/aaa/ccc'
//这个地方也要改成/api'^/open': ''}}}}
})

在自己需要的页面安装axios，并且进行引入即可，学会了吗？

axios({url:'/open/mockData/test1',params:{}
}).then((res)=>{console.log(res)
})