Vue Vite 设置开发环境允许跨域

设置

// https://vitejs.dev/config/
export default defineConfig({
  // ...
  server: {
    port: 3000,
    proxy: {
      '/api': {
        target: 'http://localhost:8000/api',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, ''),
     }
    }
  },
})

注意

使用axios时，baseURL需设置为相对路径。

import axios from "axios";
import router from "@/router";

axios.defaults.baseURL = '/api/console';

axios.interceptors.request.use((config) => {
  let token = localStorage.getItem("token");
  if (token) {
    config.headers['Authorization'] = `Bearer ${token}`;
  }
  return config;
})

axios.interceptors.response.use((response) => {
  const {status} = response;
  if (status === 401) {
    localStorage.removeItem("token");
    router.push({name: 'Login'});
  }
  return response;
})

export default axios;