配置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