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

修改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
					}
			}
	}
})

 

你可能感兴趣的:(vue3,vue.js,前端,javascript)