devServer详解

最新推荐文章于 2024-04-28 13:30:34 发布

k6丶

最新推荐文章于 2024-04-28 13:30:34 发布

阅读量1.3k

点赞数 3

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/m0_52724742/article/details/128950130

版权

devServer: {
		host: '127.0.0.1',
		port: 5050,
		open: false,
		proxy: {
			'/api': {
				target: 'http://192.168.1.30:8085/',
				ws: true,
				changeOrigin: true,
				pathRewrite: {
					'^/api': '/',
				},
			},
		},
	},

host:指定要使用的 host. vue默认配置为0.0.0.0,代表其他人也能访问,如果改为127.0.0.1之后,项目通过num run serve 运行起来之后其他人是不能访问的,只要自己可以访问.
port:端口;
open:true :open设置为true代表服务器已经启动后自动打开浏览器;
proxy:代理
proxy.api :代表的意思是当我接口的请求为/api开头时才用代理;
target:代理地址,这里设置的地址会代替axios中设置的baseURL
changeOrigin:如果接口跨域，需要进行这个参数配置
pathRewrite:重写url,
//pathRewrite: {'^/api': '/'} 重写之后url为 http://192.168.1.16:8085/xxxx
//pathRewrite: {'^/api': '/api'} 重写之后url为 http://192.168.1.16:8085/api/xxxx