学习vue——vue2、vue3与Django路由打通配置

目录

• 一、vue2与Django路由打通配置
• 二、vue3与Django路由打通配置

---

回到顶部

一、vue2与Django路由打通配置

main.js 文件

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  publicPath:'/',
  devServer: {
    proxy: {
        '/api': {
            target: 'http://127.0.0.1:8000',// django 后端地址
            changeOrigin: true,
            
        }
    },
    client: {
        overlay: false
      }
},

})

 

回到顶部

二、vue3与Django路由打通配置

vit.config.js

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import WindiCSS from 'vite-plugin-windicss'
import path from 'path'
// https://vitejs.dev/config/
function resolve(dir) {
  return path.join(__dirname, dir)
}
export default defineConfig({
  resolve:{
    alias:{
      // "~":path.resolve(__dirname, 'src')
      '@': resolve('src')
    }
  },
  server:{
    proxy:{
      '/api': {
        target: 'http://127.0.0.1:8000/',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, '')
      },
    }
  },
  plugins: [vue(), WindiCSS(),],
})