雪花在空中嬉戏着、飞舞着，它净化了世间的一切尘埃，送走了严冬的寂寞，它自由地来，潇洒地去，多少著名的诗词都赞美过它： "忽如一夜春风来，千树万树梨花开 "，多么俏丽呀！ "瑞雪兆丰年 "，它还是丰收的预言家呢！
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:
提供一个过滤器，制定路由规则和路由方法。
proxyTable: {
'*': {
target: 'http://jsonplaceholder.typicode.com',
filter: function (pathname, req) {
return pathname.match('^/api') && req.method === 'GET'
}
}
}
本文vue-cli webpack 开发环境跨域详解到此结束。成功人的背后总会有一个不寻常的故事。小编再次感谢大家对我们的支持！
