vuecli在本地代理訪問后臺(tái)代碼

只需要在
config/index.js里面配置一下代理接口就行了,這里不講原理只講實(shí)現(xiàn),因?yàn)槲乙膊庞茫?br> 后續(xù)有時(shí)間會(huì)回過頭來重新整理的


image.png
  '/api': {
        target:'http://192.168.101.168:8085/',
        changeOrigin: true,
        pathRewrite: {
          '^/api': '/'
        }
      }

測(cè)試一下

先引入axios

//安裝axios
npm install axios
//在main.js里面引用
import axios from axios
Vue.prototype.$http = axios;

在引入 qs

//安裝qs
npm install qs
//在需要發(fā)送請(qǐng)求的具體組件里引入qs
import qs from 'qs'
//在組件里發(fā)送請(qǐng)求
 this.$http.post('/api+后臺(tái)給的接口').then(
  res =>{
   }
);

測(cè)試一下是否ok,自己已經(jīng)測(cè)試過了是ok的,這就解決了本地跨域的問題,代理的問題

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,536評(píng)論 19 139
  • 時(shí)間2017-03-31 13:43:44Hope’s Blog 原文https://blog.ygxdxx.co...
    蕭玄辭閱讀 15,343評(píng)論 3 16
  • 一、安裝 1、 利用npm安裝npm install axios --save 2、 利用bower安裝bower...
    kiddings閱讀 1,911評(píng)論 0 3
  • 響應(yīng)式布局的理解 響應(yīng)式開發(fā)目的是一套代碼可以在多種終端運(yùn)行,適應(yīng)不同屏幕的大小,其原理是運(yùn)用媒體查詢,在不同屏幕...
    懶貓_6500閱讀 854評(píng)論 0 0
  • 煙臺(tái)的冬天,莫過于期待一場(chǎng)大雪。 它總是來得那么晚,那么遲,但每次的到來,它仿佛會(huì)積蓄全部力量,來一場(chǎng)銀裝素裹的舞...
    我是小福呀閱讀 486評(píng)論 4 4

友情鏈接更多精彩內(nèi)容