在根目录下的vite.config.js文件

  1. import { defineConfig } from 'vite'
  2. import vue from '@vitejs/plugin-vue'
  4. // https://vitejs.dev/config/
  5. export default defineConfig({
  6.   server: {
  7.     proxy: {
  8.       '/api': {
  9.         target: 'https://bj.ke.com',
  10.         changeOrigin: true,
  11.         rewrite: (path) => path.replace(/^\/api/, '')
  12.       },
  13.       '/abdr': {
  14.         target: 'https://miao.baidu.com',
  15.         changeOrigin: true,
  16.         rewrite: (path) => path.replace(/^\/abdr/, '')
  17.       },
  18.     }
  19.   },
  20.   plugins: [vue()]
  21. })

以下为几种跨域配置方法，任选使用即可

  1. export default {
  2.   server: {
  3.     proxy: {
  4.       // 字符串简写写法
  5.       '/foo': 'http://localhost:4567/foo',
  6.       // 选项写法
  7.       '/api': {
  8.         target: 'http://jsonplaceholder.typicode.com',
  9.         changeOrigin: true,
  10.         rewrite: (path) => path.replace(/^\/api/, '')
  11.       },
  12.       // 正则表达式写法
  13.       '^/fallback/.*': {
  14.         target: 'http://jsonplaceholder.typicode.com',
  15.         changeOrigin: true,
  16.         rewrite: (path) => path.replace(/^\/fallback/, '')
  17.       }
  18.     }
  19.   }
  20. }

官网链接

https://vitejs.cn/config/#server-open