Vue3+vite搭建项目全局引入axios,并且接解决axios跨域问题

全局引入axios
在main.js里面引入

import { createApp } from 'vue'
import App from './App.vue'
// import router from './router'
import axios from 'axios'
const app = createApp(App)
app.config.globalProperties.$http = axios
app.mount('#app')

在你的xxxx.vue里面使用:


解决跨域:
在根目录vite.config.js里面:

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

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  server: {
    host: '0.0.0.0',
    port: 3000,
    proxy: {
      '/api': {
        target: '你接口的域名',	//实际请求地址
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, '')
      },
    }
  }
})

Vue3+vite搭建项目全局引入axios,并且接解决axios跨域问题_第1张图片

你可能感兴趣的:(Vue,前端,vue)