国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答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'
 }
 },
 },
  • 通過設置changeOrigin:true 開啟代理
  • pathRewrite 意為重寫路徑
  • 示例:

    比如要請求的接口為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
    主站蜘蛛池模板: 欧美精品一区二区在线观看 | 国产第一夜 | 中文国产成人精品久久一区 | 久久夜色精品国产亚洲 | 久久久91精品国产一区二区 | 一本大道香蕉视频在线观看 | 亚洲一区二区三区久久精品 | 日韩极品视频 | 亚洲欧美日韩第一页 | 免费观看国产 | 日韩精品一区二区三区不卡 | 日本高清一区二区三区不卡免费 | 日韩国产免费 | 欧美一区二区三区网站 | 国产成人一区二区三区小说 | 久久精品无码一区二区日韩av | 亚洲综合欧美日本另类激情 | 欧美wwww | 91中文字幕在线观看 | 国产日韩欧美精品在线 | 欧美xxxxxbbbb | 国产精品久久久久aaaa | 中文字幕第13亚洲另类 | 欧美日韩高清在线观看一区二区 | 日韩性视频| 亚洲区中文字幕 | 毛片1级| 日韩美女一区二区三区 | 久久国产成人 | 99久久精品国产一区二区成人 | 国产欧美日韩精品综合 | 国产一区二区在线看 | 亚洲精品国产第七页在线 | 精品一区二区三区四区在线 | 国产在线视频网 | 北条麻妃在线观看 | 国产在线精品一区二区三区不卡 | 亚洲看片 | 国产伦精品一区二区三区在线观看 | 精品在线免费视频 | 国产精品制服诱惑 |