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,快懷疑人生了!!!!!!!!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM