Vue配置代理解决跨域问题

首先跨域问题主要是发生在浏览器与服务器之间，是源于浏览器的同源策略。

同源：协议 + 域名 + 端口一直方为同源

在vite.config.js下defineConfig中新增配置项

代码如下：

server: {
    // host: '0.0.0.0',//设置地址：http://localhost
    port: 5173, // 指定当前服务启动的端口号
    open: true, // 设置服务启动时是否自动打开浏览器
    proxy: {
      '/api': {
        target: 'http://localhost:8181',//需要代理的后端地址
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, '')//这里的/需要转义,若后端接口有带前缀api则跳过此处
      }
    }
  },

注意：代理可以配置多个