Vite通過代理（proxy）配置axios跨域

配置axios跨域訪問

今天在vue中安裝了axios，通過使用axios來進行數據訪問，毫無疑問的遇到了axios的跨域問題，今天折騰一下午，才能解決

確認你的服務啟動方式！！！！！

我的服務啟動方式是vite啟動，並不是vue-cli-service啟動，我今天一下午在查看vue-cli配置代理問題，毫無疑問，浪費一下午，換來一個教訓，要注意基礎的配置，特別是不起眼的內容

我的配置

Vue 3.0.11

vite 2.2.3

node 16.0.0

//cli版本貌似沒啥作用，但是還是列出來吧

vue-cli 4.5.12

配置代碼

打開vite.config.js
輸入下面的代碼

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

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  server:{
    proxy:{
	//這里是通過請求/api 來轉發到 https://api.pingping6.com/
	//假如你要請求https://api.*.com/a/a
	//那么axios的url，可以配置為 /api/a/a
      '/api': 'https://api.*.com/'
    }
  }
})

打開../src/conponents/demo.vue
輸入下面的代碼

import axios from "axios";
var data=axios(
    {
      url:"/api/tools/zimi",
      type:"get",
      data:{
        "question":"***"
      },
      contentType:"text",
      processData: false,
      dataType:"text"
    }
).then(function (response){
  console.log(response);})

重啟服務

npm run dev 或者 vite

然后就解決了，我他喵的查了一下午的cli腳手架的proxy，快懷疑人生了！！！！！！！！