🤞基于vue3的uniapp项目设置代理映射🤞
若依框架
中图片针对前端使用的图片的地址需要进行地址转换
,所以进行代理配置
。
打开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/…
上边的配置根据自己的自行修改。
正确显示了图片。
大功告成,撒花致谢🎆🎇🌟,关注我不迷路,带你起飞带你富。