使用webpack配置vue項目代理 （超簡單）

　　咱們都知道，前端開發跨域是一個很常見的問題，固然跨域的方法也有不少，如今我就給你們分享一個在vue項目中如何使用webpack作代理，步驟簡單，操做方便，本人親測，巨好使😆

　　首先，找到你的config文件夾，打開index.js

　　找到dev下面的 proxyTable 

 

    proxyTable: {

    '/api': {

            target: 'http://172.00.61.243:8082', // 你接口的域名  http://172.00.61.243:8082

            //secure: false,      // 若是是https接口，須要配置這個參數

            changeOrigin: true,     // 若是接口跨域，須要進行這個參數配置

            pathRewrite: {

              '^/api': ''

            }

        }

  　},

　　

　　接着去你的index.html入口文件裏面設置代理頭　　

 

　 const IS_DEBUG = true; //若是是測試環境就是true，若是是生產環境就是false

const commonUrl = IS_DEBUG ? '' : 'http://172.00.61.243:8082';

 

　　以後就能夠去頁面中作請求了

　　

　　this.$http.get(commonUrl + '/api/getLocations').then(response => {

// console.log(response);

}, response => {

alert(response);

});

 

　　分享完畢😆