devServer:{
contentBase: path.join(__dirname, 'dist'),
hot: true,
host: 'localhost',
port: 8000,
open: true, // 自动打开浏览器
proxy: {
'/api': {
target: 'http://11.111.1.22:9711', // 接口的域名
// secure: false, // 如果是https接口,需要配置这个参数
// changeOrigin: false,
pathRewrite: {
'^/api': ''
}
},
devServer中,proxy的changeOrigin是false:请求头中host仍然是浏览器发送过来的host;如果设置成true:发送请求头中host会设置成target。
在vue-cli3中,默认changeOrigin的值是true,意味着host设置成target,这与cue-cli2不一致,vue-cli2这个默认值是false。
如果是以上的配置,changeOrigin的值是true,target是host, request URL是http://11.111.1.22:9711
如果我们把// changeOrigin: false
,这句注释去掉,host就是浏览器发送过来的host,也就是localhost:8000。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。