webpack+vue-cli 中proxyTable配置接口地址代理

在項目開發的時候,接口聯調的時候一般都是同域名下,且不存在跨域的情況下進行接口聯調,但是當我們現在使用vue-cli進行項目打包的時候,我們在本地啟動服務器后,比如本地開發服務下是 http://localhost:8080 這樣的訪問頁面,但是我們的接口地址是 http://xxxx.com/save/index 這樣的接口地址,我們這樣直接使用會存在跨域的請求,導致接口請求不成功,因此我們需要在打包的時候配置一下,我們進入 config/index.js 代碼下如下配置即可:

dev: {// 靜態資源文件夾assetsSubDirectory: 'static',// 發布路徑assetsPublicPath: '/',// 代理配置表,在這里可以配置特定的請求代理到對應的API接口// 例如將'localhost:8080/api/xxx'代理到'www.example.com/api/xxx'// 使用方法:https://vuejs-templates.github.io/webpack/proxy.html
    proxyTable: {'/api': {target: 'http://xxxxxx.com', // 接口的域名// secure: false,  // 如果是https接口,需要配置這個參數changeOrigin: true, // 如果接口跨域,需要進行這個參數配置
        pathRewrite: {'^/api': ''}}},// 本地訪問 http://localhost:8080host: 'localhost', // can be overwritten by process.env.HOST

接口地址原本是 /save/index,但是為了匹配代理地址,在前面加一個?/api,? 因此接口地址需要寫成這樣的即可生效?/api/save/index

?

注意:?'/api' 為匹配項,target 為被請求的地址,因為在 ajax 的 url 中加了前綴 '/api',而原本的接口是沒有這個前綴的,所以需要通過 pathRewrite 來重寫地址,將前綴 '/api' 轉為 '/'。如果本身的接口地址就有 '/api' 這種通用前綴,就可以把 pathRewrite 刪掉。

轉載于:https://www.cnblogs.com/softwarefang/p/9361059.html

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/451125.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/451125.shtml
英文地址,請注明出處:http://en.pswp.cn/news/451125.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

AMQP 協議介紹

RabbitMQ 是遵從AMQP 協議的, 換句話說, RabbitMQ 就是AMQP 協議的Erlang 的實現(當然RabbitMQ 還支持STOMP2 、MQTT3 等協議) 0 AMQP 的模型架構和RabbitMQ 的模型架構是一樣的,生產者將消息發送給交換器,交換器和隊列綁定。當生…

關聯表多數據的批量insert (批量導入,測試19W條數據用時46秒)

前些天發現了一個巨牛的人工智能學習網站,通俗易懂,風趣幽默,忍不住分享一下給大家。點擊跳轉到教程。 一、業務需求 :作多個批量導入 ,根據業務不同,每條數據導入前作各種驗證, 導入后提示驗證…

Java已死?九百萬程序員說不

Java沒死,事實上它擁有足夠的能量讓你的應用跑起來。那些對Java吹毛求疵人頻繁地聚焦在一些小眾問題上,總是和其他技術或者語言做些不公平的對比,這些語言并沒有像Java一樣得到廣泛應用及長遠的歷史。 現在的小孩都能學Java,它在…

Linux SSH遠程管理故障如何排查?

SSH遠程管理故障排查方案:1、檢測兩個機器是否暢通兩個機器之間是否暢通,查看物理鏈路是否有問題(網線網卡、IP是否正確)第1步:物理鏈路是否暢通,比喻為“高速公路是否暢通”ping 排查客戶端到服務端的線路問題,ping是…

CSS中position的absolute和relative用法

static: HTML元素的默認定位方式absolute: 將對象從文檔流中拖出,使用left,right,top,bottom等屬性進行絕對定位。而其層疊通過z-index屬性定義。絕對定位的元素的位置相對于最近的已定位父元素,如果元素沒有已定位的父…

Spring HttpMessageNotReadableException異常

(一)現象 我們在進行服務間的rpc調用時,可能會遇到org.springframework.http.converter.HttpMessageNotReadableException異常。 其具體報錯如下: {"timestamp": 1456043810789,"status": 400,"error…

解決 -- java 調用webservice 服務端收到參數為null

前些天發現了一個巨牛的人工智能學習網站,通俗易懂,風趣幽默,忍不住分享一下給大家。點擊跳轉到教程。 我的客戶端和服務端都寫的很簡單,只是調用服務的時候, 服務端得不到參數,后來發現只改一個地方就可…

fastJson性能測試

測試裝備: mac pro 6核12線程 測試代碼: (1)序列化對象: import lombok.Data;Data public class User {int id;String name;int age;String address; } (2)序列化邏輯: import…

避免流量高峰期CDN問題的10個方法

在視頻流媒體中,因平臺火爆而出現問題是件好事。至少,這比根本沒有觀眾要好。\\也許你正在使用世界級的CDN,但是,在大型賽事期間,當CDN的服務器和對等點流量變得飽和的時候,一些用戶還是無法享受到流暢的體…

Android應用進入爆發期 手機游戲仍是市場重心

近日,91無線發布了《91無線移動應用發展趨勢報告(Android版)》。報告顯示,2012年,無論Android移動應用用戶下載還是開發者研發均呈爆發態勢,手機游戲仍是市場重心所在。同時,Android移動應用下載…

MQTT Client軟件-MQTTBox

最近發現了一個連接mqtt broker的軟件:MQTTBox。GitHub地址:https://github.com/workswithweb/MQTTBox 官網網站的介紹為:使用MQTTBox增強你的物聯網流程 MQTT客戶端特性 支持TCP、TLS、Web Sockets和安全的Web Sockets連接MQTT服務器支持各種…

fastJson toJSONString注意點

fastJosn是阿里爸爸推出一款高性能序列化工具,號稱最快的json序列化工具。不過好像也就那樣,在量比較大的時候優勢才會明顯。單次序列化時間還是會達到幾十毫秒的級別。 Fastjson is a Java library that can be used to convert Java Objects into the…

WebService中文件傳輸

前些天發現了一個巨牛的人工智能學習網站,通俗易懂,風趣幽默,忍不住分享一下給大家。點擊跳轉到教程。 WebService處理傳遞普通的信息,還可以傳輸文件,下面介紹WebService是怎么完成文件傳輸的。 1、 首先編寫服務器端…

Django框架-Form組件

一、DjangoForm組件介紹 我們之前在html頁面中利用form表單向后端提交數據時,都會寫一些獲取用戶輸入的標簽并且用form標簽把它們包起來。 與此同時我們在好多場景下都需要對用戶的輸入做校驗,比如驗證用戶是否輸入,輸入的長度和格式等是否正…

中國經濟轉型知易行難

摘要:一個亞洲國家正在崛起,出口機器勢不可擋,財富快速增長,覺得美國已是過去,自己的時代已經到來。這是2012年的中國?沒錯———但也是上世紀80年代的日本。 美國《芝加哥論壇報》網站5月20日文章&#xf…

進程和線程的剖析

進程和線程的區別?什么時候用進程?什么時候用線程? 答:首先得知道什么是進程什么是線程? 我的理解是進程是指在系統中正在運行的一個應用程序;程序一旦運行就是進程,或者更專業化來說&#xff1…

解決 java.net.ConnectException: Connection refused: connect 異常

前些天發現了一個巨牛的人工智能學習網站,通俗易懂,風趣幽默,忍不住分享一下給大家。點擊跳轉到教程。 一、 我的情況很簡單: 只是因為我調用服務端接口方法包名沒有寫對,應該如下面代碼中這樣寫: call.…

主席樹的各類模板(區間第k大數【動,靜】,區間不同數的個數,區間=k的個數)...

取板粗 好東西來的 1.(HDOJ2665)http://acm.hdu.edu.cn/showproblem.php?pid2665 (POJ2104)http://poj.org/problem?id2104 (POJ2761)http://poj.org/problem?id2761 題意:求區間第K大&…

java類內部的變量

類內部的變量分為兩部分: 一.類的成員變量 在類內部,變量定義部分,定義的變量。 二.局部變量 在類內方法體中定義的變量和方法中涉及的變量。 成員變量和局部變量的區別: (1)成員變量在整個類中都有效…

騰訊搜搜退出PC搜索領域:百度搜狗迎來雙龍競爭

摘要:據北京商報報道,上周末,騰訊對公司組織架構進行了大規模調整。業內普遍認為,搜搜并入騰訊無線后,這個獨立搜索平臺將被合并,失去獨立性,也將令搜搜官網域名soso.com走向“沒落”。據北京商…