vue-cli webpack 開發(fā)環(huán)境跨域詳解
更新時間：2017年05月18日 10:10:16 作者：弗朗西斯科
本篇文章主要介紹了vue-cli webpack 開發(fā)環(huán)境跨域詳解，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
edit dev.proxyTable option in config/index.js. The dev server is using http-proxy-middleware for proxying
為了解決跨域問題，
- 通常會使用Jsonp，但是jsonp只能是get請求。
- 或者使用CORS支持，設置Access-Control-Allow-Origin: *
0 前置技能
熟悉vue-loader 和 webpack
1 基本配置
編輯confix/index.js文件 dev server使用的是http-proxy-middleware來代理
// config/index.js
module.exports = {
// ...
dev: {
proxyTable: {
// proxy all requests starting with /api to jsonplaceholder
'/api': {
target: 'http://jsonplaceholder.typicode.com',
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
}
}
}
The above example will proxy the request /api/posts/1 to http://jsonplaceholder.typicode.com/posts/1.
2 全局匹配
you can provide a filter option that can be a custom function to determine whether a request should be proxied:
提供一個過濾器，制定路由規(guī)則和路由方法。
proxyTable: {
'*': {
target: 'http://jsonplaceholder.typicode.com',
filter: function (pathname, req) {
return pathname.match('^/api') && req.method === 'GET'
}
}
}
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
今天小編就為大家分享一篇VUE 實現滾動監(jiān)聽 導航欄置頂的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
這篇文章主要介紹了vue中的路由跳轉tabBar圖片和文字的高亮效果，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
本文給大家分析下vue2.0幾個重要的與自己目前項目相關的變化，也是vue2.0不可忽視的變化，非常不錯，具有參考借鑒價值，感興趣的朋友一起看看吧2016-09-09
這篇文章主要介紹了vue中動態(tài)渲染數據時使用$refs無效的解決方案，具有很好的參考價值。希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
這篇文章主要介紹了vue 左滑刪除功能的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-01-01
這篇文章主要介紹了Vue父子組件傳值的三種方法，本文結合示例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-12-12
這篇文章主要介紹了Vuejs從數組中刪除元素的示例代碼,本文結合實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-02-02
本篇文章主要介紹了如何理解Vue的作用域插槽的實現原理，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
這篇文章主要介紹了使用vue實現點擊按鈕滑出面板的實現代碼，非常不錯，具有參考借鑒價值，需要的朋友參考下2017-01-01
這篇文章主要介紹了vue中如何實現變量和字符串拼接，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06