本文共 1137 字，大约阅读时间需要 3 分钟。

devServer.proxy 说明

在前后端分离的项目中，通常前端应用和后端API 服务器没有运行在同一个主机上；在开发环境下将API 请求代理到API 服务器可以通过 vue.config.js 中的 devServer.proxy 选项来配置；

module.exports = {     devServer: {     	host:'0.0.0.0,  	port: 2000,  	open: true,    proxy: {         '/api': 'http://localhost:3000',    },  }}

现在，对 http://localhost:2000/api/users 的请求会将请求代理到 http://localhost:3000/api/users；

module.exports = {     devServer: {     	host:'0.0.0.0,  	port: 2000,  	open: true,    proxy: {         '/api': {         		target: `http://localhost:3000`,      		pathRewrite: {    '^/api': '' },      }    },    disableHostCheck: true  }}

现在对 http://localhost:2000/api/users 的请求将会代理到 http://localhost:3000/users ；

默认情况下，代理时会保留主机头的来源，可以将changeOrigin 设置为true 以此覆盖此行为；

module.exports = {     devServer: {     	host:'0.0.0.0,  	port: 2000,  	open: true,    proxy: {         '/api': {         		target: `http://localhost:3000`,      		pathRewrite: {    '^/api': '' },      		changeOrigin: true,      }    },    disableHostCheck: true  }}

注意：

转载地址：http://yryr.baihongyu.com/