本文主要介紹了vue2.0設定proxyTable使用axios進行跨域請求,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟著小編過來看看吧,希望能幫助大家。 這裡請求的是知乎日報的api,由@izzyleung這位大神提供的,這是github地址。 在vue-cli建構的專案中先安裝axios npm install axios -S登入後複製這裡暫不考慮用vuex封裝的方式,只講在目前元件中直接使用。 先在中引入</p> <p style="text-align: center"><img alt="" src="https://img.php.cn/upload/article/000/054/025/12931b54d8f9c236528dc0eba959f0dd-0.png"></p> <p>#用prototype將axios加入為vue原生的屬性,$ajax相當於axios的別名。 </p> <p>然後在要呼叫的方法或是鉤子中請求,$ajax就是上面註冊的axios,如果想直接用axios不想設定prototype也可以直接按官方的文檔來寫</p> <p style="text-align: center"><img alt="" src="https://img.php.cn/upload/article/000/054/025/12931b54d8f9c236528dc0eba959f0dd-1.png"></p> <p>#vue在設定檔中提供了proxyTable來設定跨域,在config資料夾的index.js檔案中</p> <p style="text-align: center"><img alt="" src="https://img.php.cn/upload/article/000/054/025/12931b54d8f9c236528dc0eba959f0dd-2.png"></p> <p style="text-align: center"><img alt="" src="https://img.php.cn/upload/article/000/054/025/12931b54d8f9c236528dc0eba959f0dd-3.png"></p> <p>'/news/lates'對應的是上面ajax請求時的url,target是你真實請求的地址</p> <p>相關推薦:</p> <p><a href="http://www.php.cn/php-weizijiaocheng-384048.html" target="_self">關於nginx proxy cache配置參數解讀</a></p> <p><a href="http://www.php.cn/java-article-380124.html" target="_self">Java中關於Proxy機制的具體分析</a></p> <p><a href="http://www.php.cn/js-tutorial-368464.html" target="_self">#jquery.proxy的四種使用場景的實例詳解</a></p>#