解决方案非常简单,
在vite.config.ts中添加
proxy: {
'/api': {
target: 'http://localhost:3000', //你要跨域访问的网址
changeOrigin: true, // 允许跨域
rewrite: (path) => path.replace(/^\/api/, '') // 重写路径把路径变成空字符
}
}
我配置文件最终效果:
import {
defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// https://github.com/vuetifyjs/vuetify-loader/tree/next/packages/vite-plugin
import vuetify from 'vite-plugin-vuetify'
// https://vitejs.dev/config/
export default defineConfig({
plugins: [
vue(),
vuetify({
autoImport: true }),
],
server: {
// open: true,
// host: 'localhost',
// port: 5173,
// https: false,
proxy: {
'/api': {
target: 'http://localhost:3000', //你要跨域访问的网址
changeOrigin: true, // 允许跨域
rewrite: (path) => path.replace(/^\/api/, '') // 重写路径把路径变成空字符
}
}
}
})