vue3 配置跨域 (vite.config.ts中配置)

30 阅读1分钟
import { fileURLToPath, URL } from 'node:url'import { defineConfig } from 'vite'import vue from '@vitejs/plugin-vue'import vueDevTools from 'vite-plugin-vue-devtools'import AutoImport from 'unplugin-auto-import/vite';import Components from 'unplugin-vue-components/vite';import { VantResolver } from '@vant/auto-import-resolver';// https://vite.dev/config/export default defineConfig({  plugins: [    vue(),    vueDevTools(),    AutoImport({      resolvers: [VantResolver()],    }),    Components({      resolvers: [        VantResolver({          importStyle: true, // 自动导入样式        }),      ],    }),  ],  resolve: {    alias: {      '@': fileURLToPath(new URL('./src', import.meta.url))    },  },  server: {    host: 'test.ajomoni.com',    port: 5174,    cors: true,    proxy: {      '/apiAjomoni': {        target: 'https://srv.accecash.com',        changeOrigin: true,        rewrite: path => path.replace(/^\/apiAjomoni/, ''),        configure: (proxy, options) => {          // 拦截请求,输出代理地址信息          proxy.on('proxyReq', (proxyReq, req, res) => {            const originalPath = req.url            const targetUrl =              options.target + (req.url?.replace(/^\/api/, '') || '')            console.log(`[Proxy] ${originalPath} -> ${targetUrl}`)          })        },      },    },  },})

需要配置本地host

1. 查看本地ip: 

ifconfig en0 

2. 配置本地host 

sudo nano /private/etc/hosts

3.  host文件中

10.37.47.71 test.ajomoni.com