久久96国产精品久久久-久久发布国产伦子伦精品-久久精品国产精品青草-久久天天躁夜夜躁狠狠85麻豆

技術(shù)員聯(lián)盟提供win764位系統(tǒng)下載,win10,win7,xp,裝機(jī)純凈版,64位旗艦版,綠色軟件,免費(fèi)軟件下載基地!

當(dāng)前位置:主頁(yè) > 教程 > 服務(wù)器類 >

vue-cli webpack 開發(fā)環(huán)境跨域問(wèn)題

來(lái)源:技術(shù)員聯(lián)盟┆發(fā)布時(shí)間:2017-10-05 00:00┆點(diǎn)擊:

edit dev.proxyTable option in config/index.js. The dev server is using http-proxy-middleware for proxying

為了解決跨域問(wèn)題,

通常會(huì)使用Jsonp,但是jsonp只能是get請(qǐng)求。

或者使用CORS支持,設(shè)置Access-Control-Allow-Origin: *

0 前置技能

熟悉vue-loader 和 webpack

 1 基本配置

編輯confix/index.js文件 dev server使用的是http-proxy-middleware來(lái)代理

// 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

 2 全局匹配

you can provide a filter option that can be a custom function to determine whether a request should be proxied:

提供一個(gè)過(guò)濾器,制定路由規(guī)則和路由方法。

proxyTable: { '*': { target: 'http://jsonplaceholder.typicode.com', filter: function (pathname, req) { return pathname.match('^/api') && req.method === 'GET' } } }