基于vue3的uniapp项目设置代理映射

知识浅谈

发布于 2024-05-25 08:45:33

1710

发布于 2024-05-25 08:45:33

文章被收录于专栏：分享学习分享学习

🤞基于vue3的uniapp项目设置代理映射🤞 若依框架中图片针对前端使用的图片的地址需要进行地址转换，所以进行代理配置。

🎈vite.config.js配置

打开uniapp项目，找到这个vite.config.js文件

在文件中找到export default defineConfig进行如下配置

export default defineConfig({
    build: {
        // sourcemap: true,
    },
    plugins: vitePlugins,
    css: {
        postcss: {
            plugins: postcssPlugins,
        },
    },
		server: {
			port: 9090,
			proxy: {
				'/dev-api': {
					target: 'http://localhost:8080',
					changeOrigin: true,
					rewrite: (p) => p.replace(/^\/dev-api/, '')
				}
			}
		}
});

这个配置的目的就是在前端访问后端图片的时候使用 http://localhost:9090/dev-api/…经过映射转化为http://localhost:8080/… 上边的配置根据自己的自行修改。