vite

配置代理

下面是文件 vite.config.js 的配置

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

export default defineConfig({
  plugins: [vue()],
  server: {
    port: 8989,
    proxy:{
      '/api':{
        target:'https://dev.usemock.com/67ff0199b359cd4f2b5f20ca',
        changeOrigin: true,
        rewrite: path => path.replace(/^\/api/,''),
      }
    }
  }
})

发送请求 axios.get('/api/login').then( res => console.log('请求登录的响应结果：', res)) 即会跳转到上面配置的 mock 服务。此处使用的在线 mock 服务是 https://www.usemock.com/user/project/api/67ff0199b359cd4f2b5f20ca

路径别名

在配置文件 vite.config.js 中按照下面路径设置

export default defineConfig({
  base:'/',
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url)),
      '@stores': resolve('src/stores'),
    },
  },
})