<span id="mktg5"></span>

<i id="mktg5"><meter id="mktg5"></meter></i>

        <label id="mktg5"><meter id="mktg5"></meter></label>
        最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
        問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
        當前位置: 首頁 - 科技 - 知識百科 - 正文

        詳解Vuejs2.0 如何利用proxyTable實現跨域請求

        來源:懂視網 責編:小采 時間:2020-11-27 22:33:34
        文檔

        詳解Vuejs2.0 如何利用proxyTable實現跨域請求

        詳解Vuejs2.0 如何利用proxyTable實現跨域請求:前言: 本地項目在請求遠端服務器接口時,不可避免的會遇到跨域問題,即便是設置了Access-Control-Allow-Origin:* ,在遇到登錄這些需要本地存入cookie的也會很頭痛,這里筆者介紹一個在vue-cli中配置代理來解決的辦法。 在~/config/dev-ser
        推薦度:
        導讀詳解Vuejs2.0 如何利用proxyTable實現跨域請求:前言: 本地項目在請求遠端服務器接口時,不可避免的會遇到跨域問題,即便是設置了Access-Control-Allow-Origin:* ,在遇到登錄這些需要本地存入cookie的也會很頭痛,這里筆者介紹一個在vue-cli中配置代理來解決的辦法。 在~/config/dev-ser

        前言:

        本地項目在請求遠端服務器接口時,不可避免的會遇到跨域問題,即便是設置了Access-Control-Allow-Origin:* ,在遇到登錄這些需要本地存入cookie的也會很頭痛,這里筆者介紹一個在vue-cli中配置代理來解決的辦法。

        在~/config/dev-server.js中 使用了非常強大的http-proxy-middleware 包。更多高級用法,請查閱其文檔。

        用法:

        比如我們要請求的遠端服務器為:http://192.168.400:3000

        proxyTable: {
         '/api/': {
         target: 'http://192.168.400:3000',
         changeOrigin:true, //set the option changeOrigin to true for name-based virtual hosted sites
         pathRewrite: {
         '^/api': '/api'
         }
         },
         },
        
      1. 通過設置changeOrigin:true 開啟代理
      2. pathRewrite 意為重寫路徑
      3. 示例:

        比如要請求的接口為http://192.168.400:3000/api/main/getUserInfo.action

        this.$http.post('/api/main/getUserInfo.action')
         .then(res=>{
         console.log(res)
         })
        

        后續:

        在實際工作中,我們還需要做些其他的,比如在axios中配置baseUrl:

        /**
         * Created by Administrator on 2017/4/11.
         */
        import axios from 'axios';
        
        // 添加響應攔截器
        axios.interceptors.request.use(function (config) {
         // 配置發送請求的信息
        
         return config;
        }, function (error) {
         return Promise.reject(error);
        });
        
        axios.interceptors.response.use(function (response) {
         // 配置請求回來的信息
        
         return response;
        }, function (error) {
         return Promise.reject(error);
        });
        
        var http = axios.create({
         timeout: 8000, /*設置請求超時時間*/
         baseURL:'http://192.168.400:3000', 
        
        });
        
        // Alter defaults after instance has been created
        http.defaults.headers.common['Authorization'] = '';
        
        export default http; 
        
        /**導出http,在mainjs中引用
        import http from './config/axiosConfig';
        Vue.prototype.$http = http;
        **/
        
        

        聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

        文檔

        詳解Vuejs2.0 如何利用proxyTable實現跨域請求

        詳解Vuejs2.0 如何利用proxyTable實現跨域請求:前言: 本地項目在請求遠端服務器接口時,不可避免的會遇到跨域問題,即便是設置了Access-Control-Allow-Origin:* ,在遇到登錄這些需要本地存入cookie的也會很頭痛,這里筆者介紹一個在vue-cli中配置代理來解決的辦法。 在~/config/dev-ser
        推薦度:
        標簽: VUE js 跨域
        • 熱門焦點

        最新推薦

        猜你喜歡

        熱門推薦

        專題
        Top
        主站蜘蛛池模板: 亚洲情综合五月天| 最新欧洲大片免费在线| 国产免费观看黄AV片| 久久久久亚洲国产| 啦啦啦中文在线观看电视剧免费版| 久久水蜜桃亚洲av无码精品麻豆| 91麻豆国产免费观看| 亚洲黄网站wwwwww| 一个人在线观看视频免费| 亚洲国产综合精品中文第一| 女人让男人免费桶爽30分钟| 久久亚洲精品无码gv| 国产精品美女自在线观看免费| 日日狠狠久久偷偷色综合免费| 亚洲AV中文无码乱人伦| 亚洲一级片免费看| 亚洲AV永久无码区成人网站| 91青青青国产在观免费影视| 亚洲国产精品免费观看| 国产又大又黑又粗免费视频| 久久久久久国产a免费观看不卡 | 久久最新免费视频| 亚洲av色影在线| 无码人妻一区二区三区免费手机| 亚洲人成网站18禁止| 亚洲精品岛国片在线观看| 免费国产在线视频| 亚洲专区中文字幕| 亚洲综合色成在线播放| 午夜免费福利片观看| 亚洲熟伦熟女专区hd高清| 亚洲午夜av影院| 波多野结衣免费在线| 男女交性无遮挡免费视频| 亚洲一区二区在线视频| 国产免费无遮挡精品视频 | 免费观看激色视频网站bd| 亚洲精品无码av中文字幕| 亚洲国产精品SSS在线观看AV| 久草免费在线观看视频| 亚洲视频在线免费|