vue3+nodejs配置 element-plus axios Particles

/main.js

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'

// 添加登录炫酷背景
import Particles from 'particles.vue3'

import '@/util/axios.config'

const app = createApp(App);
app.use(Particles).use(ElementPlus).use(store).use(router).mount('#app')

/util/axios.config.js

import axios from 'axios';

axios.interceptors.request.use(function (config) {
    const token = localStorage.getItem('token');
    config.headers.Authorization = `Bearer ${token}`;
    return config;
}, function (error) {
    return Promise.reject(error);
})

axios.interceptors.response.use(function (response) {
    const {authorization} = response.headers;
    authorization && localStorage.setItem('token', authorization)
    return response;
}, function(error) {
    const {status} = error.response;
    if(status===401) {
        window.location.href="#/login";
    }
    return Promise.reject(error);
})

跨域

因为是在本地写的，所以用的是/vue.config.js

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  devServer: {
    proxy: {
      '/adminapi': {
        target: 'http://localhost:3000',
        changeOrigin: true,
      },
      '/webapi': {
        target: 'http://localhost:3000',
        changeOrigin: true,
      }
    }
  }
})