想定義一個全局變量來放接口地址，然后每次請求都可以直接post請求“/login”。但是不知道怎么實現
2 回答
Caballarii
TA貢獻1123條經驗 獲得超629個贊
把axios調用封裝成一個方法，然后option，包括token之類的設置都寫好在那個文件里，要用的頁面直接import這個方法，然后把"/login"，還有GET/POST，還有參數這些值傳到這個方法里去就行了，在這個封裝方法里還可以做登錄狀態檢查，調用錯誤處理等等操作
-
copy_to我是在webpack下的config的index.js里面設置了 proxyTable: { '/wapp':{ target: 'http://127.0.0.73:28080/wapp', changeOrigin: true, } }, 然后在src文件夾下面建了一個config里面放了這段 import axios from 'axios' import Qs from 'qs' // axios 配置 axios.defaults.timeout = 5000; axios.defaults.baseURL = 'http://127.0.0.73:28080/wapp'; axios.defaults.withCredentials = true; 在main.js 里面 import axios from '@/config/api'; Vue.prototype.$ajax = axios; 最后在組件里用 this.$ajax.get('/indexdata', {}) 獲取到到xhr，但是渲染不了，而且還出了這個問題 XMLHttpRequest cannot load http://127.0.0.73:28080/wapp/indexdata?vmethod=2&clientfrom=3. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access. 有點懵~ -
Caballarii既然在webpack里設置了proxy了，axios里就不用再加上域名信息了，你發出/wapp這樣的請求，webpack-dev-server會自動幫你轉發到http://127.0.0.73:28080/wapp的，前提是你這個proxy配對了
添加回答
舉報
0/150
提交
取消