vue-cli2 中配置 webpack 的代理

最新推荐文章于 2025-06-18 08:23:44 发布

Robin_zero

最新推荐文章于 2025-06-18 08:23:44 发布

阅读量1.9k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： vue node webpack 文章标签： webpack vue-cli proxy 代理 vue

本文链接：https://blog.youkuaiyun.com/Robin_star_/article/details/93872440

vue 同时被 3 个专栏收录

7 篇文章

订阅专栏

node

7 篇文章

订阅专栏

webpack

6 篇文章

订阅专栏

本文介绍如何在Webpack中配置代理，以实现本地开发环境的API请求转发。通过修改webpack.base.conf.js文件，设置devServer属性下的proxy参数，将所有以/api开头的请求转发到http://localhost:5555，并保持websocket连接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

module.exports = {
	...
	// 配置转发代理  webpack.base.conf.js
	devServer: {
	  disableHostCheck: true,
	  port: 8080,
	  proxy: {
	    '/api': {
	      target: 'http://localhost:5555',
	      ws: true,
	      pathRewrite: {
	        '^/api': '/api'
	      }
	    }
	  }
	}
}