工作记录：vue3配置proxy代理服务器

最新推荐文章于 2024-09-21 09:00:00 发布

醇醇大魔王

最新推荐文章于 2024-09-21 09:00:00 发布

阅读量298

点赞数 2

分类专栏： vue3 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_54422862/article/details/141950731

版权

vue3 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

修改vie.config.ts下边的server

// https://vitejs.dev/config/
export default defineConfig({
	plugins: [vue()],
	resolve: {
		alias: {
			"@": resolve(__dirname, "./src")
		} 
	},
	server: {
		host: "0.0.0.0", //"0.0.0.0"network和loaclhost地址都会显示
		port: 1210, // 端口默认3000
		open: true, //true项目启动自动打开页面
		proxy: {
				'/api': {
						target: 'http://192.168.30.167:9990', // 目标地址
						changeOrigin: true, // 开启代理，在本地创建一个虚拟服务器，然后发送请求的数据，会同时会收到请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题
						rewrite: (path) => path.replace(/^\/api/, '') // 路径重写，移除路径中的/api
					}
			}
	}
})