Vue3 + vite 解决跨域问题

Access-Control-Allow-Origin

在写代码的时候出现上述跨域问题

解决问题

在工程文件夹的根目录新建一个vite.config.js文件，写入代码：

module.exports = {
    proxy: { 
      '/api': {
        target: 'http://localhost:8090/',  //你要跨域访问的网址
        changeOrigin: true,   // 允许跨域
        rewrite: (path) => path.replace(/^\/api/, '') // 重写路径把路径变成空字符
      }
    }
}

然后在需要发送请求的文件中写,就可以跨域请求数据了：

let data = await axios.get('/api/')  //结构赋值

在vite.config.js文件中的’/api’ 可以改成任意你想要的名字，只要把它重写成空字符，就无所谓的，还是原来的网址。