vue-cli設置代理

代理
代理服務器英文全稱是Proxy Server,其功能就是代理網絡用戶去取得網絡信息。形象的說:它是網絡信息的中轉站??梢院唵未直├斫鉃榘涯愕挠蛎D換成你訪問的域名,(我這么記的,當然可能并不恰當)形成同源,就能訪問。
1開發環境與生產環境代理有什么區別
2 設置代理的鏈接
http://www.lxweimin.com/p/95b2caf7e0da
http://www.lxweimin.com/p/faa8303f8763
proxyTable: {
'/proxy': {
target: 'http://192.168.0.106:8686',
changeOrigin: true,
pathRewrite: {
'^/proxy': '/v1/models' //將localhost映射成http://192.168.0.106:8686
}
}
}
設置代理之后還需要 后臺還需要設置一個請求頭 否則還會報跨域錯誤 為什么
Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin '
http://172.16.1.236:7070
' is therefore not allowed access. The response had HTTP status code 403.

const BASE_URL = process.env.NODE_ENV === 'production' ? SERVER_URL : 'http://192.168.0.106:8686/'
為什么不寫成 /v1/models

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,923評論 18 139
  • 上一篇《WEB請求處理一:瀏覽器請求發起處理》,我們講述了瀏覽器端請求發起過程,通過DNS域名解析服務器IP,并建...
    七寸知架構閱讀 81,220評論 21 356
  • host Copyright (c) 2014-2017, racaljk. https://github.com...
    JasonStack閱讀 3,125評論 0 4
  • 春寒賜浴華清池,溫泉水滑洗凝脂。當年白居易寫長恨歌寫盡了唐太宗和楊貴妃的愛與恨,也留下了今天的華清池。只...
    麥樂迪閱讀 448評論 0 0
  • 哈嘍,媽咪!你現在應該已經在夢鄉里了吧?那我就先悄悄的和你說一聲。。。母親節快樂!??有沒有覺得時間過得真的超快的;...
    Amyfliu閱讀 337評論 0 0