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,  //代理websockets
        changeOrigin: true, // 虚拟的站点需要更管origin
        pathRewrite: {   //重写路径 比如'/api/aaa/ccc'重写为'/aaa/ccc'
//这个地方也要改成/api
          '^/open': ''
        }
      }
    }
  }
})

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

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